Cameron Adams mixes up some of DP’s best hits and then visualizes it via some HTML5 and CSS3 handiwork :

…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. 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.

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!

 


Warning: Use of undefined constant count - assumed 'count' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 103

Warning: Use of undefined constant countstyle - assumed 'countstyle' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 104

Warning: Use of undefined constant countmsg - assumed 'countmsg' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 109

Warning: Use of undefined constant title - assumed 'title' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 111

Warning: Use of undefined constant titleclass - assumed 'titleclass' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 112

Warning: Use of undefined constant title - assumed 'title' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 117

Warning: Use of undefined constant html5 - assumed 'html5' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 121

Warning: Use of undefined constant num - assumed 'num' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 122

Warning: Use of undefined constant width - assumed 'width' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 122

Warning: Use of undefined constant scheme - assumed 'scheme' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 122

Warning: Use of undefined constant linklove - assumed 'linklove' (this will throw an Error in a future version of PHP) in /nfs/c04/h03/mnt/164555/domains/thesuperslice.com/html/wp-content/plugins/facebook-comments-plugin/class-frontend.php on line 128

Comments

comments