連續播放2個音頻文件

我已經看過這裏的幾個類似問題，並且找不到任何相關的內容。我有2個音頻文件。第一次播放頁面加載時，它工作正常。我希望第二個音頻文件在第一個音頻文件結束後立即播放，並且我還需要第二個文件無限循環。以下是我迄今爲止嘗試：連續播放2個音頻文件

<body> 
<audio autoplay id="audio_1" src="./audio1.wav"></audio> 
<audio loop id="audio_2" src="./audio_2.wav"></audio> 
</body>

和JavaScript：

var audio = document.getElmentById("audio_1"); 
audio.addEventListener("ended", function() { 
audio.src = "./audio_2.wav"; 
audio.play(); 
});

就像我說的，第一個文件播放罰款，但隨後的第二個文件無法播放的。任何想法將不勝感激，謝謝。

來源

2014-09-11 itzChris

你應該嘗試創建兩個瓦爾：

var audio = document.getElmentById("audio_1"); 
var audio2 = document.getElmentById("audio_2"); 
audio2.pause(); 
audio.addEventListener("ended", function() { 
    audio_2.play(); 
});

編輯：您曾在「getElement」錯別字錯誤

這裏是新代碼

var audio = document.getElementById("audio_1"); 
var audio2 = document.getElementById("audio_2"); 
audio2.pause(); 
audio.addEventListener("ended", function() { 
audio2.play(); 
});

來源

2014-09-11 09:51:02 Glukose

我仍然得到同樣的問題。也許我把它編碼錯了。我的JavaScript知識相當有限。有可能得到一個jsfiddle的例子嗎？ – itzChris 2014-09-11 10:00:48

我把JavaScript裏面的標題標籤。這可能是問題嗎？ – itzChris 2014-09-11 10:02:49

只要把新的JavaScript給我''裏面''' – Glukose 2014-09-11 10:03:39

嘗試將第二個.wav定義爲JS varibale，然後爲其觸發器設置一個超時值，以便一旦第一個完成，第二個將開始。一旦你完成了，你只需要編寫第二個.wav的循環代碼。

來源

2014-09-11 09:38:50

連續播放2個音頻文件

回答

相關問題