Realtime Audio Visualizations

Click on the shady rectangles in order to start and stop an audio visualization
follow @patrickwied
(Chrome only for now, Firefox a little buggy but works)

Bars

Dots

Symmetr. centered

Pulse

Circular Alignment

Curve Alignment



In case you're interested in the concepts behind the visualization,
I wrote about how I created the audio visualization
All audio visualizations are rendered with DOM elements & CSS transitions, hope you enjoyed it - Merry Christmas.

The song I used is called "Summer Love" from GYAKO and it's free to use.
Tweet