Music Visualizer

I enjoyed working on this project because it's amazing to see how visually different every song could be. Users can either upload a song or choose one that has been uploaded by other users and see the visualizations for that song. Visualizations are created by, analyzing the frequency and waveform data of the song with the Web Audio API. Three.js is used to render the song data that was created by Web Audio API. GUI controls are also included to control the rotation and position of the camera. This was a fun and unique project for me to work on because it allowed me to combine both my interest in interactive art and music.

There's also an experimental visualizer that I am working on next, which you can check out below

Experimental Visualizer

View Project | GitHub Link

  • Javascript & Web Audio Api
  • THREE.js
  • Canvas
  • Google Firebase

Main Visualizer

Web Visualizer