Radiohead + JavaScript + Canvas = ~(*_*)~

http://www.nihilogic.dk/labs/canvas_music_visualization/

Sur le site vous trouverez aussi d’autres trucs excellents…
Comme par exemple…

• “Winamp like”
  http://www.nihilogic.dk/labs/juicydrop/
• “Dancing solar system”
  http://www.nihilogic.dk/labs/webgl_musical_solar_system/
• Le “Pocket Full of HTML5” :

Nb : “Finally, my HTML5 audio project Pocket Full of HTML5 had lost its support of the new HTML5 audio data api, so it used the SoundManager2 fallback even when using a audio-data-enabled Firefox build. Again, the problem was due to changes in the API, which is still very early in its development“

Vu sur le net… d’autres expériences notables :

• Live tweet musical visualization
  http://9elements.com/io/projects/html5/canvas/
• Arcade Fire
  http://thewildernessdowntown.com
• Firefox demo “Flight of the navigator”
  http://videos.mozilla.org/serv/mozhacks/flight-of-the-navigator/
• Dancing Droid
  http://www.chromeexperiments.com/detail/webgl-music-visualizer/
• WebGL particles
  http://oos.moxiecode.com/js_webgl/particles/
• Beat detector JS
  http://cubicvr.org
• SoundManager 2
  http://www.schillmania.com/projects/soundmanager2/demo/360-player/canvas-visualization.html
• [Edited 04/03/11] EaselJS Demo
  http://easeljs.com/demos/MusicVisualizer/
• [Edited 16/06/11] Anatomy of a mashup (Daft Punk)
  http://daftpunk.themaninblue.com/

On peut aussi construire directement ses propres effets (Shaders et Vertex) avec les éditeurs en ligne…

• Shader Toy v0.2
  http://www.iquilezles.org/apps/shadertoy/
• Mr Doob examples
  http://mrdoob.com/blog/post/714 et https://github.com/mrdoob/three.js/#readme

PS : Firefox beta 4 ou Chrome 9 requis
PS2 : Technical explanation of the html5-audio-data-api
PS3 : Mais pourquoi vit-on dans un monde en 3D ?