Skip to content

🎧 Music Player built using pure JS OOPs concepts β€” Class-based design with Playlist, Song & Player logic Includes progress bar, auto play, and volume control.

Notifications You must be signed in to change notification settings

ShaikAfrid1/js-oop-music-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 JavaScript OOP Music Player

A clean, object-oriented approach to building a music player using pure JavaScript (no libraries). This project demonstrates:

  • πŸ” OOPs principles: Song, Playlist, and MusicPlayer classes
  • 🧠 Clean code structure
  • 🎧 Dynamic UI sync with title, artist, and progress updates
  • ⏯️ Full-featured controls: Play, Pause, Next, Previous
  • πŸ”Š Volume control + πŸ“ˆ Seekable progress bar
  • ⏱️ Time display (current / total duration)

πŸ”— Live Demo:
πŸ‘‰ oop-music-player.netlify.app


About

🎧 Music Player built using pure JS OOPs concepts β€” Class-based design with Playlist, Song & Player logic Includes progress bar, auto play, and volume control.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published