Heart Audio Visualizer

Project Overview

Heart Audio Visualizer is a web-based application that transforms audio input into a captivating visual representation. This project creates a real-time audio visualizer with a heart-shaped animation synchronized with the audio beats. It provides an immersive experience for users to see the audio frequencies in a visually appealing manner.

Features

1. Real-time Audio Visualization: Experience an instant visual representation of the audio input.
2. Heart-shaped Animation: The visualizer forms a heart shape, enhancing the aesthetic appeal.
3. Responsive Design: The visualizer adapts to different screen sizes, providing a seamless user experience.

Tools and Technologies

• Web Technologies: HTML, CSS, JavaScript for the frontend.
• Audio Processing: Web Audio API for handling audio input and processing.
• Graphics: Three.js library for creating 3D graphics and animations.

Controls

• Left-click: Start/stop the audio playback.
• Keys 0-9: Change the song position. Each number corresponds to a different position in the song.

Project Setup

1. Clone the Repository:

   git clone https://github.com/eth9n-dev/heart-audio-visualizer.git

2. Navigate to Project Directory:

   cd heart-audio-visualizer

3. Run the Application:

   • Open the index.html file in your preferred web browser.

Demo

For a live demonstration of the Heart Audio Visualizer, visit heart-audio-visualizer.vercel.app.

Contributing

If you would like to contribute to the project, please follow the guidelines outlined in the CONTRIBUTING.md file.

Acknowledgments

This project is inspired by the creative use of audio visualization. Special thanks to the developers and contributors of Web Audio API and Three.js for making this project possible.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Feel free to explore, contribute, and enjoy the mesmerizing audio visualization with the Heart Audio Visualizer!