javascript - 在 Javascript 中绘制可缩放的音频波形时间轴

Question

我有来自一首歌曲的原始 44.1 kHz 音频数据作为 Javascript 数组，我想从中创建一个可缩放的时间轴。

来自 Audacity 的示例时间线:

因为有数百万个时间点，普通的 Javascript 图形库可能不会削减它:我认为，不确定，普通的图形库会在这么多时间点上死掉。但是是否已经存在用于 JS 的这种可视化的库？ Canvas、webGL、SVG 都是可以接受的解决方案。

最好具有缩放和平移功能的解决方案。

请注意，这只发生在客户端，服务器端解决方案是 Not Acceptable 。

Answer 1

我已经非常广泛地研究了同样的问题。据我所知，唯一接近您想要的现有项目是 wavesurfer.js .我没有使用过它，但屏幕截图和描述听起来很有希望。

另见 this question .

祝你好运。