top of page
Screen Shot 2023-03-13 at 12.26.21 AM.png

Music Visualizer

A music visualizer that takes the frequency and bass of the input to animate the visual output.

Created using HTML, CSS, JavaScript, and the p5.js library.

The goal of this project was to create an interactive website that has an input and output.

In the website, the user can upload any song they have downloaded on their computer, and the website will create a visualization using the frequency of the song. I was able to isolate frequency, bass, and more by using the P5 Javascript library, and draw the animation using a canvas. The animation is reminiscent of a CD or vinyl. Every time the user refreshes the page, a new color is used for the animation.

bottom of page