从 .wav 文件生成 HTML5 音频波形

【问题标题】：HTML5 Audio generating wavefrom from .wav file从 .wav 文件生成 HTML5 音频波形
【发布时间】：2021-07-12 21:44:16
【问题描述】：

如何制作这个随机的 SVG 波形发生器，从音频文件生成波形；

` 
 https://codepen.io/andrewscofield/pen/oGyrEv  `

【问题讨论】：

【解决方案1】：

给你。 https://codepen.io/Stepancic/pen/ExmZpZj?editors=0010

这里的主要部分是

  var y1 = (config.line_height - filteredData[i] * config.line_height) / 2;
  var y2 = config.line_height - y1;

在 for 循环中绘制。 y1 中的乘数只是为了让filteredData 值“更大”。

采样率不是动态生成的，因此您可以根据音频文件长度更改 const samples = 92; 值。

此代码仍有一些工作要做，但我希望它有所帮助。 BR

【讨论】：