An elegant and interactive audio visualizer built using modern web technologies.
- Audio Spectrum Visualization: Real-time visualization for audio files or live microphone input.
- Customizable Design: Choose your colors, adjust sensitivity, and switch between multiple visualization modes.
- Modern and Responsive: Built to look great on devices of all sizes.
- Interactive UI: Intuitive controls for users to load audio, adjust settings, and toggle between different modes.
- Load an Audio File:
- Click on the "Choose Audio" button to select a local audio file.
- Use a Microphone:
- Select the "Microphone" option for live audio visualization (requires permission).
- Switch Modes:
- Experiment with various modes like Bars, Waves, Circular, and Particles.
- Customize Settings:
- Change visualization colors, volume levels, and sensitivity to suit your preference.
Check out the live demo (Replace this placeholder with your deployment link)
- HTML5 Canvas
- CSS3
- JavaScript (ES6+)
- Web Audio API: For processing audio data.
- Clone the repository:
git clone https://github.com/rootcastleco/audio-visualizer.git
- Navigate into the project folder:
cd audio-visualizer - Open the
index.htmlfile in your favorite browser:or double-click the file directly.open index.html
Contributions are welcome! Feel free to open issues or submit pull requests for improvements.
This project is open-source and available under the MIT License.