HTML5 Audio Visualizer?

时间:2010-07-28 08:34:13

标签: javascript audio html5 visualization visualizer

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

你有什么想法?

5 个答案:

答案 0 :(得分:36)

2年后,找到了解决方案:)

https://github.com/jsantell/dancer.js

我还偶然发现了一个使用音频API和three.js创建漂亮外观的网站:http://do.adive.in/music/

答案 1 :(得分:21)

3年后,我们有了这个:http://codepen.io/soulwire/pen/Dscga

答案 2 :(得分:3)

我相信实验性的Firefox Audio API是目前用HTML + Javascript完成此任务的唯一方法,尽管这远非官方HTML5。在这里阅读文档:

https://wiki.mozilla.org/Audio_Data_API

它包括一个简单频谱分析仪的例子。我也非常推荐在同一页面上浏览演示链接:

https://wiki.mozilla.org/Audio_Data_API#Working_Audio_Data_Demos

成为一名Javascript开发人员是一个激动人心的时刻,我希望其他浏览器供应商能够接受这个API。我们终于可以在所有这些Javascript模拟器中获得声音了!

答案 3 :(得分:1)

这是你追求的那种可视化器吗? http://www.storiesinflight.com/jsfft/visualizer/index.html

答案 4 :(得分:1)

这可能就是答案:http://audioscene.org/scene-files/humph/slideshow/特别是幻灯片6.它使用的是Mozilla提出的音频数据API,它不是W3C标准(仅限于Firefox 4)。