/VisualAmp

This visualizer is a simple way. To import effects to your favorite mp3, mp4, wav files with a music player and 3D graphics.

Primary LanguageJavaScript

Welcome to Visual Amp (A music visualizer!)

Screen Shot 2021-12-29 at 10 38 33 PM

( https://arand013.github.io/VisualAmp/ )

This project is intended to demonstrate best practices utilizing THREE.js & WebAudio API to create a mix of 3D rendering WebGL frameworks.


This visualizer is a simple way. To import effects of a music player and 3D graphics.

To try visit: https://arand013.github.io/VisualAmp/ and select your favorite song

Must be
.mp3 / .mp4 / .wav file to see it work.

Steps:

1: Visit the link 2: Press the button 2: Type ".mp3" or " .wav" or ".mp4" in your computer memory search 3: Pick a song!

Languages

  • HTML
  • CSS
  • JavaScript
  • Three.js
  • WebAudio API

Process to Recreate

  1. Create repo to initialize project
  2. Create index.html to import required frontend and dependecies
  3. Creates style.css to import required styles
  4. Create index.js to Begin to make a functional audio player
  5. Update the index.js to include mesh materials and visuals with Three.js
  6. Test
  7. Launch

Screen Shot 2021-12-29 at 10 38 46 PM

For more details see.

Check out our documentation or contact support and we’ll help you sort it out.