#DAFT PUNK SONGS MASHUP TV#

This is why I don't call myself a web coder. That's awesome! Good job on the javascript/jquery code. Great music and great visual, congratulations ! :) It has been asked many times, but is there anything you can't do?Īre you sure HTML5/CSS3 was used for this, and not some dark, mystical arts? Because I'm not convinced. Mainly just to get filesize/download down.Īwesome stuff, every time I think you reached the limit you prove me wrong :D The Man in Blue commented on Yeah, each JSON file had a lot of empty data (because each part only plays for a small fraction of the entire song) So I sliced that out manually.

So the only bit you had to do manually was configure where each layer starts? It's all timecoded so I can link it up when the audio is playing in the browser.Īwesome. I rendered out each layer of the mashup into a separate MP3 then ran each file through a Flash app I created which spits out JSON data on the MP3's audio spectrum. Haha, no I'm not about to write 4MB of JSON by hand. How'd you build the audio data files? (tell me even you aren't obsessive enough to do it by hand!) Hopefully it gives you a new insight into the artform of the mashup, otherwise you can just stare at the pretty shapes. All of the waveform and spectrum visualisation is performed in realtime, so your browser is rendering a music video on the fly!

I recommend Chrome because it pulls off the best performance with my mangled code. 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. By dividing up the sound data for each song and computing its appearance in realtime, the resulting visualisation gives you an understanding of the unique anatomy of this particular mashup. In order to explain the layering and interplay that goes into something like a Girl Talk album or The 139 Mix Tape I decided to take my own mashup of Daft Punk's discography – Definitive Daft Punk – and reveal its entire structure: the cutting, layering, levels and equalisation of 23 different songs. The art of the mashup has come to the fore in pop culture of recent years, but beyond Biggie Smalls crooning over Elton's keys I feel that the general public understands little of the nuance that goes into constructing a complex mashup from tiny pieces of songs. Now and into the future I plan to rectify this, and first cab off the ranks is a data visualisation I've had in my head for a while.

#DAFT PUNK SONGS MASHUP TV#

(Go ahead, lick your TV next time 'Poker Face' comes on!)Įvery so often I delve into music making, but aside from the cover art for those releases my music has remained very separate from my visual design work. Music videos are like little slices of synchronous art, designed to please all of your senses. I've always believed in the strong connection between sound and vision. See 'Definitive Daft Punk' visualised in realtime » Anatomy of a Mashup: Definitive Daft Punk visualised

Daft punk songs mashup