Skip to content

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

Notifications You must be signed in to change notification settings

arand013/VisualAmp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published