This is a simple music player created with HTML, CSS, and JavaScript and some use of JSON(i guess!) .
- Plays audio files in MP3 and WAV formats
- Provides basic controls such as play, pause, next, previous, and volume adjustment
- Displays the current song title and artist
- Shows the album artwork for the current song
- Allows users to add songs to the playlist
- Clone the repository to your local machine.
- Open
index.html
in your web browser. - Use the "Add Song" button to add songs to the playlist.
- Use the controls at the bottom of the player to play, pause, and adjust the volume of the audio.
music.player/
├── css/
│ ├── style.css
├── img/
│ ├── img1.jpg
│ ├── img2.jpg
│ ├── img3.jpg
│ ├── img4.jpg
├── js/
│ ├── script.js
├── songs/
│ ├── song1.mp3
│ ├── song2.mp3
│ ├── song3.mp3
├── index.html
├── README.md
The project contains four main folders:
css
: Contains the CSS file for styling the music player.img
: Contains the album artwork images used in the player.js
: Contains the JavaScript file for controlling the player and handling user interactions.songs
: Contains the audio files that can be played in the player.
- HTML
- CSS
- JavaScript