Skip to content

audio.js powered audio playlist, with volume and track selection GUI

Notifications You must be signed in to change notification settings

bdanchilla/audiojs-playlist-skin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>

About

audio.js powered audio playlist, with volume and track selection GUI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published