Responsive Audio Player with Playlist, Timeline, Caption + Zip & Download
This demo will automatically populate a playlist from mp3s in a folder. The title of the current song is displayed in the caption box, a toggle switch stops/starts playback and the draggable marker can be moved along the timeline to fast-forward and rewind (on touch devices, a tap anywhere along the timeline has the same effect).
Works in modern browsers and IE9+ (no loading animation in IE9).
Please view the source of this page for HTML markup, CSS and JS. The relevant PHP is provided below.
More demos and snippets
Did you find this useful? There are more demos and code snippets this way.