HTML5 Audio Visualizer? [closed]

笑着哭i 提交于 2019-11-28 03:42:07

2 years later and a solution is found :)

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

I also stumbled upon a website which uses the audio API and three.js to create pretty nice looking visualizations: http://do.adive.in/music/

Over 3 years later and we have this: http://codepen.io/soulwire/pen/Dscga.

I believe the experimental Firefox Audio API is currently the only way you can do this in HTML+Javascript, although this is far from being official HTML5. Have a read of the documentation here:

https://wiki.mozilla.org/Audio_Data_API

It includes an example of a simple spectrum analyser. I also really recommend exploring the demo links on the same page:

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

It's an exciting time to be a Javascript developer and I hope the other browser vendors embrace this API. We can finally get sound in all those Javascript emulators for a start!

Is this the kind of visualizer you're after? http://www.storiesinflight.com/jsfft/visualizer/index.html

This might be the answer: http://audioscene.org/scene-files/humph/slideshow/ in particular slide 6. It uses Mozilla's proposed Audio Data API which is not a W3C standard (yet) so only supported in Firefox 4.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!