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

问题描述

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

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

解决方法

给你。 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