Skip to content

LtBackup/Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Visualizer

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.

How it Works

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.

Try It

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.

Technologies Used

Visualization Options

Option 1: Option 2: Option 3: Option 4:

Future Ideas

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

Collaboration

Please see our future ideas. We welcome collaboration and suggestions!

Authors

Acknowledgements

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.

About

A multi-scene 3D music visualizer

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published