1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

<div id="music"> 
<script type="text/javascript"> 
window.onload = function(){
    //存放音乐列表，根据音乐文件路径，进行填写
    var musicList = ["url"]
    playMusic(musicList);
}

function playMusic(musicList){
    var myAudio = new Audio();
    //默认音量
    myAudio.volume = 0.2;
    //是否自动播放
    myAudio.autoplay = true;
    //是否进行预加载
    myAudio.preload = false;
    //是否显示隐藏按钮
    myAudio.controls = true;
    myAudio.hidden = true;
    //从音乐列表中，获取最后一个音乐（并删除）
    var src = musicList.pop();
    myAudio.src =src;
    //将最后一个音乐添加到数组的开头，这样实现循环
    musicList.unshift(src);
    //绑定音乐结束事件，当音乐播放完成后，将会触发playEndedHandler方法
    myAudio.addEventListener("ended",playEndedHandler,false);
    //播放当前音乐
    myAudio.play();
    document.getElementById("music").appendChild(myAudio);
    //将循环播放关闭，如果开启，将不能触发playEndedHandler方法，只能进行单曲循环
    myAudio.loop = false;

    function playEndedHandler(){
        src = musicList.pop();
        myAudio.src = src;
        musicList.unshift(src);
        myAudio.play();
    }
}
</script> 
</div>