Browserscene: Creating a 3D sound visualiser with WebGL and HTML5 Audio

Yesterday I gave two talks at Assembly in Finland. One of those talks was deconstructing a WebGL and HTML5 audio visualiser that I had made. In this entry I give you all the code and provide a video of the talk for you to learn for yourself. Enjoy!

Yesterday I gave two talks at Assembly in Finland. One of those talks deconstructed a WebGL and HTML5 audio visualiser that I had made. In this entry I give you all the code and provide a video of the talk for you to learn for yourself. Enjoy!

Demo

Want to see the demo? No problem. View it in all its glory, so long as you're using Firefox (more browsers coming soon).

Code

All the code for the audio visualiser can be downloaded from Github.

Video

My feedback

Small audience (40)
Great AV setup
Well organised

Resources

WebGL documentation
Audio Data API documentation
Three.js WebGL framework
Stats.js for tracking FPS and other statistics
dsp.js for audio analysis
Paul Lewis' great tutorials on WebGL and Three.js