🎵 Sonika Player

Sonika Player is a clean, responsive, and modern web-based audio player built using HTML, CSS, and JavaScript. It allows users to play audio tracks, view track information, control playback, and toggle looping — all within a stylish interface.

🚀 Features

• 🎧 Play/Pause toggle
• 🔁 Loop toggle with visual indicator
• 🎚 Interactive progress bar with time tracking
• 🖼 Album art display
• 🎤 Track title and artist display
• 🕒 Real-time duration and elapsed time updates
• 💻 Fully responsive and mobile-friendly design

📁 File Structure

sonika-player/
│
├── index.html            # Main HTML file (UI + JavaScript logic)
├── logo.png         # Album artwork displayed in the player
└── tunes/
    └── sugarcane.mp3     # Audio file to be played

🛠 Setup Instructions

1. Clone or download the repository.
2. Place your MP3 audio file in the tunes/ folder and update the <audio src> path in the HTML if needed.
3. Replace album-art.jpg with your own album image for a custom look.
4. Open index.html in your browser to launch the player.

🧑‍🎨 Customization Tips

• Change colors and fonts in the <style> section to match your theme.
• Modify the default song and image in the HTML.
• Add more buttons or features like volume control, playlist support, etc.

📷 Preview

Insert a screenshot of the player here for visual reference

📄 License

This project is open-source and free to use for personal and educational purposes