HTML5 Audio Visualizer?

Question

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?

Solution 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/

Solution 2

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

Solution 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!

Solution 4

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.

Solution 5

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

View more solutions