Skip to content

PriyanshV10/Music-Player-Spotify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify-inspired Music Player

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.

🚀 Features

  • 🎧 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

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

📂 Project Structure

├── index.html
├── style.css
├── script.js
├── songs/
│   ├── song1.mp3
│   ├── song2.mp3
└── assets/
    └── (screenshots if any)

🧠 How It Works

  • 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.

💡 Future Improvements

  • Playlist management
  • Volume control and mute/unmute
  • Shuffle and repeat options
  • Dark/light mode switch
  • Fetch songs via API

✅ Prerequisites

No installations required. Just open index.html in your browser.

📦 Getting Started

  1. Clone the repository:
git clone https://github.com/PriyanshV10/Music-Player-Spotify.git
  1. Add your .mp3 files inside the songs/ directory.
  2. Open index.html in your browser to start playing.

🙋‍♂️ Author

Priyansh Verma
📧 priyansh.verma1010@gmail.com
🔗 PortfolioGitHubLinkedIn

📄 License

This project is open-source and free to use under the MIT License.

About

A web Music Player like Spotify, add your songs on Songs directory/folder.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors