Basic music visualizer project using p5.js
This visualizes the audio file provided by changing the radius of a circle, drawn on the canvas.
(Music visualizer running in the browser)
- Diameter of the circle, linked to the amplitude of the sound wave.
- Background changes, as the bass increases or decreases.
- Supported by p5 sound library.
- Load the audio wave, manually.
- Using p5 sound library, getting the amplitude of the sound wave.
- Using the same library, changing the background color as per the notes changes.
- Interactive start and stop button to trigger the visualizer.
- HTML & CSS - for base.
- p5.js - for sound and rendering.
- Clone the repo
git clone https://github.com/Serwindev/music-visualizer.git cd music-visualizer
- Open index.html in the browser
Contributions are welcome! If you’d like to improve the simulation or add features, feel free to fork this repo and open a pull request.
This project is licensed under the MIT License.
Dev-ed with ❤️ by Serwin