相关疑难解决方法(0)

HTML5 Audio Visualizer?

有这样的球员吗?我正在考虑用JavaScript制作一个纯粹的.像http://www.nihilogic.dk/labs/pocket_full_of_html5/这样的东西,但是随机都是一起捣碎的?

你的想法是什么?

javascript audio html5 visualization visualizer

27
推荐指数
2
解决办法
6万
查看次数

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);
   }
});
Run Code Online (Sandbox Code Playgroud)

但结果远非我想要的(即,由于我用矩形绘制,图像不平滑).我希望它看起来像这样的图像:

波形示例

有关如何实现波形的任何提示?

javascript html5 canvas web-audio-api

22
推荐指数
2
解决办法
1万
查看次数