MusicPlayerJS

🎵 Offline-Ready Music Player

What it is
A custom-built web music player designed to showcase my own tracks in a clean, modern interface. It runs directly in the browser and works offline once downloaded, making it perfect for personal listening or hosting on itch.io.

The player features:

• 📜 Playlist view with all songs listed

• 🎶 Playback controls (play, pause, next, previous)

• 🔀 Shuffle & 🔁 Loop modes

• ⏩ Seek bar with live timestamps

• 🔊 Volume control with keyboard shortcuts

• ⌨️ Keyboard support (Space = play/pause, ←/→ = seek, S = shuffle, L = loop, N/P = next/prev, +/– = volume)

• 🔎 Search/filter to quickly find tracks

• 🎧 Media Session integration (lock screen & system media controls)

How it was made
The player is built with vanilla HTML, CSS, and JavaScript — no frameworks required. The playlist is automatically generated from a JSON-style track list, and each song is pulled from a songs/ folder. Styling is done with modern CSS for a cyber/dark aesthetic, while JavaScript handles dynamic playlist updates, metadata fetching, and playback logic.

All tracks are stored locally in the songs/ directory. This design keeps the project lightweight and portable — just zip the folder and upload it anywhere.

Why
I wanted a simple but stylish way to host and share my own music, without relying on heavy external players. This project also shows how much can be done with just core web technologies.