Audio Visualizer

This project is an audio visualizer that allows users to visualize audio files in different styles. The visualizer is designed to provide an engaging experience by transforming audio data into dynamic visual representations.

Project Structure

audio-visualizer
├── public
│   ├── audio
│   │   └── song.mp3          # The audio file that will be visualized.
│   ├── css
│   │   └── app.css           # Styles for the application, including layout and design.
│   ├── js
│   └── └── app.js            # JavaScript code for initializing the audio player and handling visualization.
│   
├── index.html                # Main HTML file that includes the structure of the application.
└── README.md                 # Documentation for the project, including setup instructions and usage details.

Setup Instructions

1. Clone the repository:

   git clone https://github.com/SirBazooka/WaveFlow.git
   cd WaveFlow
   

2. Open the index.html file in your web browser to view the application.

3. Audio File: The default audio file is located in public/audio/song.mp3. You can replace it with your own audio files by placing them in the same directory.

Usage

• Use the audio controls to play, pause, and adjust the volume of the audio.
• Select different visualization styles using the provided button to change how the audio is visualized.

Future Enhancements

• Implement additional visualization styles for a more diverse visual experience.
• Improve the responsiveness of the visualizer for different screen sizes.

Dependencies

• Plyr - A simple, customizable HTML5, YouTube and Vimeo media player.
• DaisyUI - A DaisyUI CSS component library.
• Google Fonts - Web fonts used in the project.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your changes.