Deployed Link: https://hirux06.github.io/music-visualizer/
Welcome to the Audio Visualizer Web App! This project allows you to visualize audio files with a stunning graphical representation. Upload your audio files and see the audio waveform in real-time, all presented with an attractive, modern design.
- Audio Visualization: See a real-time visualization of your audio file with a dynamic waveform.
- Attractive UI: Designed with a sleek color scheme using shades of blue, black, and white to enhance user experience.
- Responsive Design: The canvas adjusts to the screen size for optimal viewing on any device.
- File Upload: Easily upload audio files to visualize their waveform.
- HTML5: For structure and content.
- CSS3: For styling and responsive design.
- JavaScript: For handling audio visualization and file processing.
- Web Audio API: For decoding and analyzing audio data.
To get started with this project, follow these steps:
git clone https://github.com/hirux06/music-visualizer.git
cd audio-visualizerOpen index.html in your web browser. You can do this by either double-clicking the file or using a local server.
- Click the "Choose File" button to select an audio file from your computer.
- The visualization of the audio waveform will appear in the canvas element.
Watch the audio waveform change in real-time as the audio plays. The canvas will display a gradient background and a colorful waveform representing the audio data.
Feel free to customize the colors and styles to fit your preferences. You can modify the styles.css file to adjust the background gradients, button colors, and more.
Contributions are welcome! If you have suggestions for improvements or want to add new features, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or feedback, please contact Saran Hiruthik M(mailto:[email protected]).