JavaScript – Web Audio可视化和与波形交互

如何编写JavaScript程序来显示音频文件中的波形?我想使用Web Audio和Canvas。

我试过这个代码:

(new window.AudioContext).decodeAudioData(audioFile, function (data) {
   var channel = data.getChannelData(0);
   for (var i = 0; i < channel; i++) {
       canvas.getContext('2d').fillRect(i, 1, 40 - channel[i], 40);
   }
});

但是结果远不及我想要的(即,由于我用矩形绘制,图像不顺畅)。我想让它看起来像这样的图像:

有什么提示如何实现波形?

您可能对AudioJedit感兴趣。这是一个开源项目hosted at GitHub.它具有用于加载音频文件的小型服务器端node.js脚本,但与客户端JavaScript中实现的所有与音频的交互。我认为这与你正在寻找的相似。
http://stackoverflow.com/questions/9516324/web-audio-to-visualize-and-interact-with-waveforms

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:JavaScript – Web Audio可视化和与波形交互