This project creates a simple equalizer. It includes a grid that responds visually to the sound waves of an uploaded audio file by changing the colors of the grid cells in sync with the audio.
- Upload audio files
- Play audio files within the browser
- Visual representation of audio amplitude on a grid
- Clone the repository to your local machine.
- Open the
index.html
file in a web browser to launch the application.
index.html
: The entry point of the application which contains the markup for the audio player and the visualizer grid.style.css
: Contains all the styles for the application to make it visually appealing.script.js
: Handles the audio file upload and controls the visualization logic.
- HTML5
- CSS3
- JavaScript
To get the project running after you've cloned the repository:
- Make sure all files (
index.html
,style.css
,script.js
) are kept in the same directory. - Double-click the
index.html
file to open it in your web browser.
Created by Katarzyna Przybył