Spotify Web Player Clone
A web-based music player inspired by Spotify. Browse albums and songs, play/pause music, control volume, and navigate tracks. Built using HTML, CSS, and JavaScript with dynamic rendering for albums and songs.
Features
Dynamic album and song browsing
Play, pause, next, and previous track controls
Seek bar to track and control playback progress
Volume control slider
Responsive sidebar with Home, Search, and Library
Automatic song list rendering from local files
Modern, Spotify-like UI
Demo
Live Webpage: https://saksham2064.github.io/spotify-clone/
Folder Structure spotify-clone/ │ ├── index.html ├── style.css ├── script.js │ ├── assets/ │ ├── images/ │ └── icons/ │ └── songs/ ├── song1.mp3 ├── song2.mp3 └── ...
Installation
-
Clone the repository git clone https://github.com/saksham2064/spotify-clone
-
Open the project
Open index.html in your browser, or use a local server:
npx live-server
Technologies Used
HTML5
CSS3
JavaScript (ES6+)
Future Improvements
Playlist creation
User accounts & saved songs
Better search functionality
Dark/light mode