MoElsherbiny / Music-Player

Music Player

This is a simple music player created using HTML, CSS, and JavaScript. The player allows you to add music and create a playlist.

here is a demo of the project

https://moelsherbiny.github.io/Music-Player/

Features

• Add music to the player
• Create a playlist
• Play, pause, skip and rewind tracks
• Display track information, such as name, artist, and album

How to use

1. Clone this repository to your local machine
2. Open the index.html file in your web browser
3. To add music to the player, click on the "Add Music" button and select a file from your computer. The file will be added to the playlist.
4. To play a track, click on the track in the playlist. The player will automatically start playing the track.
5. Use the controls at the bottom of the player to pause, skip, or rewind the track.

Adding music to the playlist

To add music to the playlist, you need to add it to the array in the script.js file. The array contains the following information for each track:

{
  name: "amr-diab-wmalo",
  displayName: "Wmalo",
  artist: "Amr Diab",
},

To add a new track, simply copy the above code and replace the values with the name, display name, and artist of the new track.

and add the song in the music folder the name of the song must be the same of the name in the object in the script.js and also the image name should be the same

I hope you like it