This audio visualizer is a web application created with THREE.js and Web Audio API that brings your music to life. Watch as 3D shapes respond to the frequency of the music being played.
Visualizations are created by analyzing the waveform and frequency data of the music through the Web Audio API and then rendered in canvas with THREE.js.
This application is hosted on Heroku, so no downloads are necessary to use. Create an account to get started. Drag and drop any mp3 file onto the screen to begin the visualization. Choose between 4 different visualizations by pressing keys 1, 2, 3, or 4. The visualization and volume setting that you choose will automatically save to your preferences and automatically appear when you login next.
Future enhancements to the site could include:
- Integrating a music player service such as Spotify or Soundcloud
- Enhancing the UI so that it can also be used with Virtual Reality goggles
- Creating a mobile version of the software
Please see our future ideas. We welcome collaboration and suggestions!
We sought a lot of inspiration from Willian Justen's list of audio visualization projects, and particularly [Sonia Boller](https://github.com/soniaboller/audible-visuals.