This little experiment shows music visualization in HTML5/WEBGL2:
While playing a user selected song in a loop, the page cycles through a fixed set
of "fractal flame" configurations. The respective graphics are rendered in
realtime and influenced by the current music playback. Enjoy the show :-)
- When I originally implemented this page back in 2014, available browser
implementations just sucked and neither WEBGL (Google Chrome) nor WebAudio (Firefox)
did work correctly. It seems that the responsible idiots meanwhile got their shit
together and desktop versions of Chrome as well as Firefox should now (2020) be able to
display this page.
- The music played on this page is selected via the SoundCloud permalink
that can be added 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..).
Warning: This experiment contains strobing effects which may affect viewers with photo-sensitive epilepsy or other such conditions.
2014 by Juergen Wothke