Home | HowTo | The Code | Say Thanks
dPlayer
the HTML5 - Dynamic/Directory Web Player
in CSS, PHP and JS
-=|| Here is a Working Demo ||=-
This project has grown out of needs from several projects of mine where I wanted to have easy access to audio files, and a simple way to organize and update their play order.
- Make Audio Archives Easy to Access and Play
- Make all audio files in a directory easily playable with no playlist
- Make Web-Based MixTapes
- Organize mp3/flac Collections by Album / Folder
- Play audio files from .m3u8 or our own .tags playlists
- Give users choice of playing mp3 or flac if both exist
- Display custom images for particular songs while playing
--
Features:
- Intuitive Interface
- Plays (all) files in a directory
- Can use playlist formats: m3u, m3u8 or its own (.tags)
- Will Build playlist from all playable files in directory, if no playlist found.
- Play-Directory path is passed as part of its own URL - Using $_GET code
- Uses file-naming rules to identify play-order, song-name and performer-name.(if no playlist)
- Playlist responds to naming rules to show performer if specified.
- Playlist indicates Currently Playing title.
- Select & Play directly from Playlist
- Works nicely from IFrame-Host (see above demo)
- Interactive Volume and Progress Control sliders
- Album Art / Song Art can be linked to song/file using .tags playlists.
The user interface handles common player functions (Play, pause, rewind, previous, next) as well as adjustable volume and progress.
In addition to the obvious audio playback features the dPlayer can be called using its URL while also passing the path to the directory we wish to play. The dPlayer then looks for a playlist file, which if found sets the playlist, and can even select the album art to go with each song.
If no playlist is found, dPlayer scans the directory and builds a playlist from all the audio files in the directory.
If the audio files are named using a particular pattern, (see DPlayer-HowTo) play order can be set by file name, without showing on the play list. In fact you can specify title and performer to be displayed separately.
For Example:
04_-_Christopher_Bingham_-_Falling.mp3
Would be the Song Falling by Christopher Bingham, and it would play fourth on the playlist.
Here's a partial screen-shot from an Online MixTape I made:
