如何在HTML頁面的背景中自動播放多首歌曲？

Question

我在我的HTML頁面中使用了背景音頻自動播放功能，但是我希望在前一個歌曲完成而沒有任何用戶干預的情況下立即開始播放另一首歌曲。

這是我到目前爲止已經試過：

<div id="audioplayer" data-autoplay="loop"> 
    <audio data-src="wp-content/preview.mp3"></audio> 
</div> 

Answer 1

var pt = "wp-content/"; 
var songs = ["preview", "first_audio", "second_audio", "tree_audio", "other_audio"], 
audio = document.getElementById("player"); 
audio.addEventListener("ended", function() { 
    var getAudio = this.getAttribute("data-src"), 
     getPos = songs.indexOf(pt + getAudio); 
    audio.src = pt + songs[getPos + 1]; 
    audio.play(); 
});