Skip to content

Latest commit

 

History

History
36 lines (22 loc) · 825 Bytes

README.md

File metadata and controls

36 lines (22 loc) · 825 Bytes

html5-playlist.js

Just simple script that adds missing playlist functionality to HTML5 audio element.

See live demo or real world use.

How to use it?

Add your audio element with first song of playlist and data-playlist-id attribute:

<audio src="trololo.mp3" controls data-playlist-id="my_awesome_playlist"></audio>

Add playlist itself as list of links:

<ul id="my_awesome_playlist">
    <li><a href="trololo.mp3">trololo</a></li>
    <li><a href="sandstorm.mp3">Sandstorm by Darude</a></li>
</ul>

Note that currently playing song in playlist will have current-track class on link.

Include javascript file AFTER the playlist (at end of the page):

<script src="html5-playlist.js"></script>

???

Profit!