https://github.com/3kh0/simple-music-player
Dead-simple JavaScript music player widget
https://github.com/3kh0/simple-music-player
Last synced: over 1 year ago
JSON representation
Dead-simple JavaScript music player widget
- Host: GitHub
- URL: https://github.com/3kh0/simple-music-player
- Owner: 3kh0
- Created: 2024-11-07T00:13:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-07T00:24:04.000Z (almost 2 years ago)
- Last Synced: 2025-04-15T00:14:01.220Z (over 1 year ago)
- Language: HTML
- Homepage: https://3kh0.github.io/simple-music-player/
- Size: 11.3 MB
- Stars: 3
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Website Music Player
~~Trust me I am good at making titles.~~
This is a simple javascript music player that plays music on your website.
## Features
- Play/Pause
- Skip to next song
- See song title and artist
- See album art
- Add your own music and whatever
- It plays music btw
## How to use
So you need three things to make this work, the HTML snippet, the CSS, JavaScript, and a few SVG files.
1. Copy the HTML snippet into your HTML file.
```html
```
2. Create a new CSS file and copy the CSS from [music.css](./music.css) into it.
3. Create a new JavaScript file and copy the JavaScript from [music.js](./music.js) into it.
4. Creat a new folder called `svg` and copy the SVG files from [here](./svg) into it.
5. Create a new folder called `music` and copy your music files into it. Name them `music1.mp3`, `music2.mp3`, etc.
6. Create a new folder called `img` and copy your album art into it. Name them `cover1.png`, `cover2.png` etc in the same order as your music files.
7. Update the array in the `music.js` file with the names of your songs.
8. Profit????
## License
Do whatever, I don't care. Just don't claim it as your own and give credit if possible