Skip to content

Music Player with repeat, repeat-one and shuffle mode with volume control and music list feature also present.

License

Notifications You must be signed in to change notification settings

yashk9293/Music-Player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ultimate-Music-Player Share on Twitter Share on Facebook

Screenshot

music-list

Functions :

Modes :

  • repeat mode -> playlist looped
  • repeat-one mode -> song looped
  • shuffle mode -> playback shuffled

mode_img

Buttons :

  • play button
  • pause button
  • next song button
  • previous song button

prev_playpause_next

Display Feature :

  • sound line bars are displayed only when song is playing, if the song is paused the bars will disappear.
  • music image is rotating when music is playing, if the song is paused then image rotation is stopped and it comes back to original position.
prev_play_next rotation360

Other functionality :

  • progressive drag progress bar on song timeline.
  • sound range slider
  • current time of the song is updated per second.

slider_img

Additional Feature :

  • Music list available containing the list of songs with the artist name and duration of the song.
  • Upon clicking any song on the list itself, the song will start playing.
  • the song is which is being currently played will be displayed as now playing.
  • every time you open the website, random song is played.

music-list

Built With -

HTML5 CSS3 JavaScript

Live Demo : https://yashk9293.github.io/Music-Player/

Author

👤 Yash Kumar

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Git must be installed on your operating system.

Run Locally

To run weather application locally, run this command on your git bash:

Linux and macOS:

sudo git clone https://github.com/yashk9293/Music-Player.git

Windows:

git clone https://github.com/yashk9293/Music-Player.git

📌NOTE : If you want to add more songs, then you just need to add songs in the songs folder and add images of the musics in images folder, then add list item in the list of music-list.js file. That's all, nothing to do more.

LICENSE

MIT License