html5 audio左侧,HTML5 <audio>实现播放列表示例

$(document).ready(function(){

//监听播放事件

function playEndedHandler(){

this.position++;

this.src = this.playlist[this.position % this.playlist.length];

this.play();

}

//播放音频

$("#btnPlay").on("click", function(){

var audio = $("#audio1")[0];

audio.addEventListener('ended', playEndedHandler, false);

//播放列表

audio.playlist = ["http://www.mzwu.com/sound/001.mp3", "http://www.mzwu.com/sound/002.mp3", "http://www.mzwu.com/sound/003.mp3"];

audio.position = 0;

audio.src = audio.playlist[audio.position % audio.playlist.length];

audio.play();

});

});