π΅ 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
-
Clone the Repository git clone
-
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.