MuSic-K

MuSic-K is a static music player app which plays music/songs in the local machine through the browser. It includes basic options like skip songs, volume control and also seeking through a song.

Built With

• HTML
• CSS
• JavaScript

Instructions

1. Click the , which opens a file dialog.
2. Select the songs/music you want to play, once loaded it play in a order.
3. To stop playing click the .

Features

Switch Loop Mode

• Single Loop : play a single song/music repeatedly
• Infinite Loop : repeatedly play selected song in alphabetical order
• Shuffle Loop : repeatedly play selected song in some random order

Sleep Timer

•  User can choose a time(minutes) to stop the playback after particular time, when the choosen time reaches playback pause automatically.

Volume & Playback Controls

• Volume seeking: change volume by both drag or click on volume slider
• Mute : can mute/unmute the volume by click
• Song seeking: change song time by both drag or click on the song duration progress bar

Dark Mode

• User can switch between dark & light mode, and it is remembered even after reload using localstorage.

Songs Queue 

• Add Song: can add more songs as in the go, like in middle of playback
• Switch Song: can now switch to the song it any order, by a single click
• Remove Song : song which are added by mistakes, can be now removed by a single click

3rd-party Library

• jsmediatags: to get the song metadata like title, artist and cover picture

    // Sample Metadata tags used in project
    {
      title: "Track Title",
      artist: "SoundHelix",
      picture: ArrayBuffer...,
    }

Screenshots

• Playing a song at light mode

  

• Showing Volume controls, when playing a song at dark mode

  

• Showing song queue, when playing song at light mode

  

Check Live Project at here!

License

MIT