audio.jsの使い方

var a = audiojs.createAll({
	trackEnded: function() {
		var next = $('ol#playlists li.playing').next();
		if (!next.length) next = $('ol#playlists li').first();
		next.addClass('playing').siblings().removeClass('playing');
		$('#playlists li i').remove();
		$('>a', next).prepend('');
		$('>a', next).prepend('');
		$('>a', next).append('');
		audio.load($('a', next).attr('data-src'));
		audio.play();
	}
});

        // Load in the first track
var audio = a[0];
first = $('ol#playlists a').attr('data-src');
$('ol#playlists li').first().addClass('playing');
$('#playlists li:first a').prepend('');
$('#playlists li:first a').prepend('');
$('#playlists li:first a').append('');
audio.load(first);

        // Load in a track on click
$('ol#playlists li').click(function(e) {
	e.preventDefault();
	$(this).addClass('playing').siblings().removeClass('playing');
	$('#playlists li i').remove();
	$('>a',this).prepend('');
	$('>a',this).prepend('');
	$('>a',this).append('');
	audio.load($('a', this).attr('data-src'));
	audio.play();
	$("#play").hide();
	$("#pause").show();
});
$('#prev').click(function () {
	var prev = $('li.playing').prev();
    if (!prev.length) prev = $('ol#playlists li').last();
    prev.click();
});
$('#next').click(function () {
	var next = $('li.playing').next();
    if (!next.length) next = $('ol#playlists li').first();
    next.click();
});
$('#play').click(function () {
	audio.play();
	$(this).hide();
	$("#pause").show();
});
$('#pause').click(function () {
	audio.pause();
	$(this).hide();
	$("#play").show();
});
$("#pause").hide();
			

<div class="col-xs-12 col-sm-6 col-md-6">
				
	<div id="audio">
		<audio preload="auto"></audio>
	</div>
	<div id="large-player-controls">
		<div class="amplitude-prev" id="prev"></div>
		<div class="amplitude-play-pause" id="play"></div>
		<div class="amplitude-play-pause" id="pause"></div>
		<div class="amplitude-next" id="next"></div>
	</div>

</div>

<div class="col-xs-12 col-sm-6 col-md-6">

	<ol id="playlists">
		<li><a href="#" data-src="audiojs/01 It Never Entered My Mind.m4a">It Never Entered My Mind</a></li>
		<li><a href="#" data-src="audiojs/02 Blue In Green.m4a">Blue In Green</a></li>
		<li><a href="#" data-src="audiojs/04 Fever.m4a">Fever</a></li>
		<li><a href="#" data-src="audiojs/05 Oasis.m4a">Oasis</a></li>
		<li><a href="#" data-src="audiojs/06 Everytime We Say Goodbye.m4a">Everytime We Say Goodbye</a></li>
		<li><a href="#" data-src="audiojs/07 Moon and Sand.m4a">Moon and Sand</a></li>
		<li><a href="#" data-src="audiojs/08 Little Wing.m4a">Little Wing</a></li>
		<li><a href="#" data-src="audiojs/09 Weaver of Dreams.m4a">Weaver of Dreams</a></li>
		<li><a href="#" data-src="audiojs/10 It's Easy to Remember.m4a">It's Easy to Remember</a></li>
		<li><a href="#" data-src="audiojs/11 Darn That Dream.m4a">Darn That Dream</a></li>
	</ol>

</div>