Audiioarc is a sleek, fully responsive music player built with HTML, CSS, and JavaScript. Designed for smooth interaction and a modern visual vibe, it works flawlessly on any device. 📱
| Feature | Description |
|---|---|
| 🎧 Modern Music Player Interface | Sleek appealing layout for seamless music experience. |
| 📱 Fully Responsive & Mobile-Friendly Design | Works perfectly across all devices and screen sizes. |
| ⏯️ Play / Pause / Next / Previous Controls | Complete control over your playlist with intuitive buttons. |
| 🕒 Real-time Progress Bar & Timestamp | Displays live playback time and track progress dynamically. |
| Technology | Purpose |
|---|---|
| 🌐 HTML5 | Structure of the web pages and audio element integration. |
| 🎨 CSS3 | Styling, animations, and responsive layout design. |
| ⚙️ JavaScript | Handles music controls, progress updates, and interactivity. |
| 🗂️ JSON | Stores and manages song data like title, artist, and file paths. |
-
Clone the repository
git clone https://github.com/KrishBharadwaj5678/Audioarc.git
-
Navigate to the project folder
cd audioPlayer -
Open
index.htmlin your browser -
Edit
music.jsonto update your playlist.
Want to contribute? Here's how:
- 🍴 Fork the repository.
- 🌿 Create a new branch (
git checkout -b feature-name). - ✍️ Make your changes and commit them (
git commit -am 'Add feature-name'). - 🚀 Push to your branch (
git push origin feature-name). - 🔄 Submit a pull request to merge into the main branch.