Audio Visualizer

A web application that visually represents audio files using JavaScript. This project leverages various JavaScript methods such as FileReader, AudioContext, readAsArrayBuffer, and requestAnimationFrame to create dynamic and engaging visualizations.

Live Deployment

Check out the live version of the Audio Visualizer here.

Features

• File Upload: Users can upload their own audio files for visualization.
• Dynamic Visualization: Real-time visualization that responds to the audio frequency and amplitude.
• User-Friendly Interface: Simple and intuitive interface for seamless user experience.

Technologies Used

• HTML5: Structure of the application.
• CSS3: Styling and layout.
• JavaScript: Core logic for audio processing and visualization.
  • FileReader: Reads the uploaded audio file.
  • AudioContext: Processes the audio data.
  • readAsArrayBuffer: Reads the file as a binary buffer.
  • requestAnimationFrame: Animates the visualization.

How to Use

1. Upload an Audio File:
   • Click on the "Upload" button.
   • Select an audio file from your device.
2. Visualization:
   • The application will process the audio file and display the visual representation.
   • Enjoy the dynamic visual effects synchronized with the audio.

Setup and Installation

To run this project locally:

1. Clone the repository:

   git clone https://github.com/abhishekpd01/Audio-Visualiser.git

2. Navigate to the project directory:

   cd audio-visualizer

3. Open index.html in your preferred web browser.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for review.

License

This project is licensed under the MIT License.