Music Player using JavaScript

A modern, responsive music player built with HTML, CSS, and JavaScript.

Features

• ✅ Play, pause, next, previous controls
• ✅ Song title, artist, and duration display
• ✅ Interactive progress bar (click to seek)
• ✅ Volume control slider
• ✅ Interactive playlist
• ✅ Autoplay functionality
• ✅ Responsive design

How to Use

1. Open index.html in your browser
2. Click on any song in the playlist to start playing
3. Use controls to play/pause, skip tracks
4. Adjust volume with the slider
5. Enable autoplay for continuous playback

Files

• index.html - Main HTML structure
• style.css - Styling and responsive design
• script.js - JavaScript functionality
• images/ - Album artwork directory

Customization

To add your own songs, edit the songs array in script.js:

this.songs = [
    {
        title: "Your Song Title",
        artist: "Artist Name",
        src: "path/to/your/audio.mp3",
        image: "path/to/album/art.jpg"
    }
];

Technologies Used

• HTML5
• CSS3 (Flexbox, Grid, Gradients)
• JavaScript (ES6 Classes, Audio API)