Un pequeño proyectoHTML5 JavaScript Piano – with Data URIs:

This synth piano is written solely using HTML, JS, and CSS. It contains a small handful of synths with configurable decays, a looper, demo mode, visual mode, and a variety of colors. View controls by hitting the top-right button on the piano.


Anatomy of a Mashup, de Cameron Adams, es un análisis audiovisual de una remezcla de seis minutos de temas de Daft Punk que él mismo hizo que mencionaban hace unos días en DailyJS. En la entrada de su blog al respecto, Anatomy of a Mashup: Definitive Daft Punk visualised, el señor Adams dice:

[…] 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!

Hopefully it gives you a new insight into the artform of the mashup, otherwise you can just stare at the pretty shapes.

El código fuente de la parte principal parece bastante legible, así que le echaré un vistazo en cuanto tenga un hueco.