HTML5 Audio Visualizer? [closed]

╄→尐↘猪︶ㄣ 提交于 2019-12-17 17:30:20

问题


Is there such a player? I'm looking into making one purely out of JavaScript. Something like http://www.nihilogic.dk/labs/pocket_full_of_html5/ but randomly all mashed together?

What are your thoughts?


回答1:


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/




回答2:


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




回答3:


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!




回答4:


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




回答5:


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.



来源:https://stackoverflow.com/questions/3351147/html5-audio-visualizer

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