HTML5 Audio Visualization for Illuminator Console

Recently I have been investigating some of the new capabilities of web browsers that support HTML5 and include JavaScript enabled audio APIs. This video excerpt above is a screen capture of an audio visualization that I produced with Processing.js, HTML5 and the Audio Data API that’s built into Firefox 4 Beta. The audio analysis is based on code from this example by Corbin Brook.

Circles are drawn that vary in size dynamically based on the amplitude of the music. The track is Illuminator Console by Ostraka (John Keston) from the album Precambrian Resonance on Unearthed Music. This application will only work in Firefox 4 Beta. To view the full visualization visit the following link:

HTML5 Audio Visualization for Illuminator Console