Skip to content

Latest commit

 

History

History
42 lines (35 loc) · 1.35 KB

README.md

File metadata and controls

42 lines (35 loc) · 1.35 KB
Raw

audiojs-playlist-skin

audio.js powered audio playlist, with volume, track and skipto capabilities

Full demo

![Demo Screenshot] (https://github.com/raw/bdanchilla/audiojs-playlist-skin/master/screenshot.jpg "Demo Screenshot")

Basic usage is in index.html:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>audiojs Playlist Skin Demo</title>
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">
    <link rel="stylesheet" href="./css/playlist.css">
</head>
<body>
    
    <audio preload></audio>
    <div id="playlist-container">
        <ol id="playlist">
            <li>
                <a href="#" data-src="your-first-track.mp3">your first track</a>
                <span class="track-duration"></span>
            </li>
            <li>
                <a href="#" data-src="your-second-track.mp3">your second track</a>
                <span class="track-duration"></span>
            </li>
        </ol>
    </div>

    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="./audiojs/audio.min.js"></script>
    <script src="./js/playlist.js"></script>
</body>
</html>