A Simple Audio Player

A vibrant and modern audio player web application designed to deliver a seamless and enjoyable music experience. This Player allows users to upload their favorite MP3 files, create playlists, and control playback with ease. The app features a sleek and animated UI that is sure to attract younger users and create a storm.

Features

• MP3 File Upload: Easily upload multiple MP3 files to create your own playlists.
• Playlist Management: Add songs to the playlist and play them in the order you prefer.
• Playback Controls: Play, pause, and navigate through your songs effortlessly.
• Volume Control: Adjust the volume to your liking with a simple slider.
• Progress Bar: Visually track the playback progress and click to seek.
• Animated UI: Enjoy a visually engaging experience with smooth animations and transitions.
• Responsive Design: Optimized for both desktop and mobile devices.

Technologies Used

• HTML: Structure of the web application.
• CSS: Styling and animations of the web application.
• JavaScript: Interactivity and logic implementation.

Screenshot

Getting Started

Prerequisites

To run this project, you need a modern web browser.

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/tunebox.git
   

2. Navigate to the project directory:

   cd tunebox
   
   

3. Open index.html in your web browser to run the application.

Project Structure

• index.html: The main HTML file containing the structure of the app.
• style.css: The CSS file for styling the app.
• script.js: The JavaScript file containing the app logic.

Usage

• Click “Choose MP3 Files” to upload your MP3 files.
• Select a song from the playlist to start playing.
• Use the playback controls to play, pause, and navigate through the songs.
• Adjust the volume using the volume slider.
• Click on the progress bar to seek to a different part of the song.

Live Demo

Check out the live deployment of the app here: https://audio-player-music-app.vercel.app/

Why This Project Is Useful

This project serves as a practical example of building an interactive and visually appealing web application. It demonstrates the use of HTML, CSS, and JavaScript in creating a functional audio player with modern design principles.

Contributing

Contributions to this project are welcome. Please fork the repository and create a pull request with your changes.

License

This project is licensed under the MIT License.