JavaScript中的波形可视化来自音频

Question

我正在尝试使用JavaScript来显示波形和音频文件,但我甚至不知道如何开始.我找到了音频数据API,但是我不熟悉大多数音频术语,并且不知道提供什么或如何操作它.我在JavaScript中找到了波形的例子,但它们太复杂了/我无法理解发生了什么.然后我的问题是:如何使用JavaScript在画布上创建歌曲的波形,以及它背后的过程究竟是什么？

Answer 1

这是我的书中的一些示例代码(HTML5多媒体:开发和设计),它正是这样做的; 音频波形.它使用Mozilla Audio Data API.

代码只是获取音频数据的快照,并使用它在画布上绘制.

Answer 2

尚未得到很好的支持，但请看一下这个 Firefox 音调生成器。