andy-logo
andy-ong

"Sunset Audio Visualizer"

Solo Project

App

Github

A simple audio visualizer with three embedded mp3s to choose from with a sunset / hill theme in which the user can change the scene and the visualizer itself.

Made with the trio of JS/HTML/CSS, and uses Canvas to draw the scene onto the web page. Audio nodes are taken and manipulated from web page audio and passed through several possible manipulative filters. Display change of the data is done through manipulating the canvas.

Screenshots:

The basic structure of the app. The visualizer is on the left, and the ways you can edit the audio or canvas are on the right.

An example of some applied filters! The audio data is viewed using waveform data instead of frequency, and displays as rays of sunlight.

Playing around with the options, here is another example of how you can change the visualizer.