This only works in a modern browser that supports the <canvas> element.

Despite a week of meetings, interviews and uncertainty as to where I would be sleeping at night, I managed to get a little coding done this week. Continuing my experimentation with HTML5 and in particular the canvas element, I decided to write a little graphic equaliser.

I'd hoped to use the new audio element, but unfortunately the API is extremely limiting and as far as I can tell, there isn't a way to get access to the audio data in javascript. Luckily, there's an awesome library called SoundManager which provides an interface to flash's audio capabilities in javascript.

So this demo does use flash, but all the rendering is done in canvas. It's pretty CPU intensive, but a nice demo of what's possible with canvas.

The music is a recording by my good friend and ex-flatmate Marcus Phillips from his upcoming album Thirst and Burden.

As always, this has been tested in modern browsers, but won't work in IE. Also you'll need Flash 9 or above.