A lightweight web-based music player inspired by Spotify's design. This project fetches songs from a local directory and offers custom playback controls through a simple and responsive UI.
- 🎧 Play, pause, and skip tracks
- ⏮️ Previous and next buttons
- 🎵 Displays current song name
- 🕒 Seek bar to track song progress
- 📱 Responsive design for desktop and mobile
- 🎨 Spotify-like visual layout using custom HTML and CSS
- HTML5
- CSS3
- JavaScript (Vanilla)
├── index.html
├── style.css
├── script.js
├── songs/
│ ├── song1.mp3
│ ├── song2.mp3
└── assets/
└── (screenshots if any)
- HTML elements render the UI and bind interactive buttons.
- JavaScript handles audio playback, progress tracking, and control logic.
- Songs are stored locally in the
songs/directory.
- Playlist management
- Volume control and mute/unmute
- Shuffle and repeat options
- Dark/light mode switch
- Fetch songs via API
No installations required. Just open index.html in your browser.
- Clone the repository:
git clone https://github.com/PriyanshV10/Music-Player-Spotify.git- Add your
.mp3files inside thesongs/directory. - Open
index.htmlin your browser to start playing.
Priyansh Verma
📧 priyansh.verma1010@gmail.com
🔗 Portfolio • GitHub • LinkedIn
This project is open-source and free to use under the MIT License.