Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.

• audio
• video
• gebeurtenis

I woke up this morning and wanted to play with the HTML5 audio API and experiment with how data from it could be visualised. So I set to work and within a couple of hours had set up a very rudimentary graphic equaliser kinda-thingy. You’ll need Firefox 4 beta to see it, but if you have Chrome or Safari, the music is cool anyway ;)

I need to look into making it a little smoother, I think that the way I’ve applied the fast fourier transform to the data may be a bit dodgy because the bars jump around in a way which is not necessarily what you’d expect.

Over the next few days/weeks/when I have time, I’m going to play with how else the data might be visualised.

• audio