Skip to content

Latest commit

Β 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Music Player App

A simple and modern web-based Music Player built using HTML, CSS, and JavaScript. This project demonstrates how audio files can be managed, played, paused, and controlled directly from the browser using the native Web Audio API.

πŸš€ Features

  • ▢️ Play / Pause music
  • ⏭️ Next / Previous track
  • πŸ”Š Volume control
  • πŸ“Š Progress bar & seek control
  • 🎼 Song title & cover display
  • πŸ” Loop and auto-play supported *πŸ“± Fully responsive UI

πŸ“‚ Project Structure music-player/ β”‚ β”œβ”€β”€ index.html # Main UI layout β”œβ”€β”€ style.css # Styling of the player β”œβ”€β”€ script.js # Music player functionality (JS logic) β”‚ β”œβ”€β”€ songs/ # Folder containing all audio files β”‚ β”œβ”€β”€ song1.mp3 β”‚ β”œβ”€β”€ song2.mp3 β”‚ └── ... β”‚ └── README.md # Documentation

πŸ› οΈ Technologies Used Frontend *HTML5 – UI structure *CSS3 – styling, animations, responsive layout *JavaScript – music controls, progress bar, event handling

🎧 How the App Works *The user selects a song or uses play/next/previous buttons *JavaScript loads the audio file into an element *Progress bar updates in real time *User can drag the progress bar to seek *When one song ends, the next begins automatically

▢️ How to Run Locally

  1. Clone the Repository git clone

  2. Open the Project Just open index.html in any browser: Right-click β†’ Open with Chrome

No server or installation required.

✨ Future Improvements

*Playlist creation *Shuffle mode *Waveform animated visualizer *Dark/Light mode switch *Upload custom audio files

πŸ“„ License

Open-source – feel free to use, modify, and improve the project.

About

code

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages