Creating a 3D sound visualiser with WebGL and the HTML5 Audio Data API

rawkes.com

31 pointsrobhawkes5 comments

I wrote a basic sound driven visualization about a year ago using SoundManager, which can be had at http://www.schillmania.com/projects/soundmanager2/. The demo is here: http://www.getevilgenius.com/. It should work in any browser.

It'd be fairly straightforward to get three.js responding to SM2's level API calls.

i didn't get any audio, it just sat there, what am i missing? firefox 5.0.1 on a mac.

It's in the README on the linked github page: Press S to start and stop the visualisation Press A to toggle the audio controls

Agreed, though, it's not clear what to do once you're on the demo page.

I was hoping it would just connect to whatever audio I have going (pandora, say). But I realize it's an early demo.

I stupidly forgot to set it to autoplay (you had to press "s"). I've updated it so it starts automatically now :)

thanks, nice!