The Man in Blue breaks down the layers of a mash-up to reveal its entire structure: the cutting, layering, levels and equalization of 23 different songs. By dividing up the sound data for each song and computing its appearance in real time, the resulting visualization is something even Daft Punk would be proud of.

The entire piece is composed from the latest HTML5 and CSS3 technology (canvas, audio, transforms & transitions) so you’ll need a newer browser to view it in. I recommend Chrome because it pulls off the best performance with my mangled code. All of the waveform and spectrum visualisation is performed in realtime, so your browser is rendering a music video on the fly!

See “Definitive Daft Punk” visualised in realtime