Dubstep Visualizer

Personal Project

  • Project Link: Click here to interact!
  • Project Type: Individual
  • Technologies: Front End Development
  • Languages: JavaScript, JQuery, HTML, CSS

Dubstep Visualizer

Created a Audio Visualizer in JavaScript. This has the ability to dynamically change colors, shape, frequencies, and distort music using delay/analyzer nodes.

Development Process

To develop my audio visualizer I created a schedule of reminders of when to complete each feature. It started with setting up the MP3 player, the visual appearance, visual effects, and then finally working on developing audio effects which took a significant portion of time. Above is an earlier portion of my project where I completed most of the visual effects.

How it Works

This application is able to play around with all sorts of visual and audio effects! You can also view the screenshots below.