This little experiment shows music visualization in HTML5/WEBGL: While playing a user selected song in a loop, the page cycles through a fixed set of "fractal flame" configurations. The respective graphics are then rendered in realtime - while influencing the "flame" transformations with current music parameters. Enjoy the show :-)

Usage:

• You should use a recent Chrome browser to properly view this page. (Firefox will also give you some results but the effects may be off due to the different FilterNode implementations. Also there may be sporadic problems with slow shader compilation and mp3 playback. See my blog for more information.)
• The music played on this page is selected via the Soundcloud permalink that you add to the URL after the hash tag (you may either select a specific song or a playlist, e.g /#/[artist]/[song] or /#/[artist]/set/[playlist]). When a track is played you can click on its title (shown on the waveform graphics below) to get to the respective detail page on www.soundcloud.com.
• Press F11 to toggle fullscreen mode (don't forget to activate the "F.Lock" first..).

Credits:

• The "fractal flame" logic is derived from Orion Sky Lawlor's "GPU Flame" rendering algorithm.

Warning: This experiment contains strobing effects which may affect viewers with photo-sensitive epilepsy or other such conditions.

2014 by Juergen Wothke