Skip to content

Display an entire song as a grid with shades dependent on how much sound is present on the audio spectrum at a given time!

License

Notifications You must be signed in to change notification settings

Alex0Blackwell/audio-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Audio Visualizer

Table of contents

Overview

Drag and drop an audio file or select it from your file system to upload it to the website. The website will play the audio back and while it doing so, it will display some information in a grid of varying shades of blue. The grid visualizes how much sound is present across the entire audio spectrum. A lighter shade of blue indicates more sound on the spectrum, and a darker shade indicates less sound.

Examples

Video recording a song being visualized

Screen Recording

Technologies

  • JavaScript
  • HTML / CSS
  • HTML5 Audio API
  • Bootstrap 4.5

Usage

To be updated Download the code and run the index.html file

Limitations

  • Currently no pause or resume functionality

License

Licensed under the GNU General Public License v3.0.

About

Display an entire song as a grid with shades dependent on how much sound is present on the audio spectrum at a given time!

Topics

Resources

License

Stars

Watchers

Forks