Skip to content

This a spotify like music on web page which is made as a part of learning HTML, CSS and JS

Notifications You must be signed in to change notification settings

SachinyadavAug20/Dhun

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dhun – Web Music Player 🎵

Dhun is a lightweight Spotify-style web music player built using only HTML, CSS, and JavaScript — no backend frameworks!
It dynamically loads playlists from a local directory and gives you a clean and smooth listening experience.


🚀 Features

✅ Auto-sync playlists with your system files
✅ Add unlimited playlists by simply creating folders inside /songs/
✅ Reads playlist details from info.json (title, description, cover image)
✅ Music playback with play/pause, next/prev controls
✅ Seek bar + Volume control with dynamic UI
✅ Mobile-friendly responsive layout
✅ Clean dark UI inspired by Spotify
✅ Click-based playlist browsing
✅ Works over LAN Web Server (Python Simple Server tested)


🎶 How to Use Dhun

Dhun is a lightweight music player that organizes your songs into folders and playlists automatically.
Just drop your music inside the /songs/ directory with a simple structure, and Dhun will do the rest.


Each playlist folder must contain:

  • ✅ MP3 audio files
  • info.json with playlist details

Example info.json:

{
  "title": "NCS Hits",
  "discription": "Best No Copyright Music!"
}

🎧 Play Music

Open Dhun in your browser

Click any Song Card to open that playlist

Select a song to start playback

Use the bottom player controls to:

▶️ Play / Pause

⏭️ Next Song

⏮️ Previous Song

🔊 Adjust Volume

Screenshot

Here’s a preview of the current state (last time modified on 25-10-2025):

Dhun Screenshot

as of 24-10-2025:

Dhun Screenshot

as of 23-10-2025:

Dhun Screenshot

as of 22-10-2025:

Dhun Screenshot

as of 21-10-2025:

Dhun Screenshot

as of 20-10-2025:

Dhun Screenshot

About

This a spotify like music on web page which is made as a part of learning HTML, CSS and JS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published