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.
Photography
Recent Writing
Subscribe
Like what you see?
Subscribe to the RSS feed and be notified whenever there's something new…
This is not an open forum — abusive or worthless comments will be deleted
Yo Dude,
Love the EQ. Looks nice and smooth and nothing too crazy like the stuff in WMP.
Also, love the track, let me know when I can get it.
Hey thanks for using my song on this - it's fun to see it in motion.
Rich, the whole album is available now on http://marcusphillips.com for free. Thanks for the kind words, and enjoy!