https://github.com/little-software-engineer/playlist-player
Upload your favorite songs and audio files to this interactive playlist maker/player.
https://github.com/little-software-engineer/playlist-player
Last synced: 2 months ago
JSON representation
Upload your favorite songs and audio files to this interactive playlist maker/player.
- Host: GitHub
- URL: https://github.com/little-software-engineer/playlist-player
- Owner: little-software-engineer
- Created: 2025-03-15T17:01:07.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-15T17:15:15.000Z (2 months ago)
- Last Synced: 2025-03-15T18:20:09.068Z (2 months ago)
- Language: HTML
- Size: 464 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎵 Modern Music Player
A modern and interactive music player built using **JavaScript, HTML, and CSS**. This application allows users to **upload, manage, and play their own music files** while providing an intuitive and responsive user interface.
## 🚀 Features
- 🎼 **Upload and play music** (supports `.mp3`, `.mp4`, and other audio formats)
- 📂 **Manage playlists** (add, remove, and rearrange songs)
- ⏯️ **Playback controls** (play, pause, next, previous, and seek)
- 🎨 **Dynamic UI updates** (track metadata, album art, and animations)
- 🎛 **Interactive progress bar** for song navigation
- 📱 **Responsive design** (works on desktop and mobile)
## 🛠 Technologies Used
- **JavaScript** – Handles playlist management and audio playback.
- **HTML & CSS** – Provides the UI and styling.
- **jsmediatags** – Extracts metadata (title, artist, album art) from audio files.
- **FontAwesome** – Icons for better UX.
## 🔧 Setup & Usage
1. Clone the repository:
```bash
git clone https://github.com/little-software-engineer/modern-music-player.git
```
2. Open `index.html` in your browser.
3. Click the **Upload Song** button to add music files.
4. Manage your playlist and enjoy the music! 🎶
## 📌 Future Enhancements
- 🎙 **Lyrics display** feature
- Integration with a popular streaming service API
## 🤝 Contributing
Feel free to fork this repository, report issues, or suggest improvements. Contributions are welcome! 😊
## 📄 License
This project is open-source and available under the [MIT License](LICENSE).