HTML 5 canvas and audio - Harder, Better, Faster, Stronger

HTML 5 canvas and audio - Harder, Better, Faster, Stronger

With the scriptable rendering capabilities of the HTML 5 canvas element, the ability to manipulate visual elements in a browser has really started to come into its own. We stumbled across this clever web app: http://daftpunk.themaninblue.com/  .  The use of the audio element, canvas element, transforms and transitions combined with CSS3 you get a rich client side experience that is incredibly impressive – and powerful. The developer has also gone to effort of preloading the sound data and manipulating it in such a way, creating a visual and auditory ‘mashup’:

“A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing.”