2016-01-17 66 views
-1

所以我試圖設置一個網頁,當你打開它時,它會播放一段隨機的音樂,當這個音樂完成時,它會直接播放另一個音樂,所以你會得到一個不斷的音樂流,但是不是每次都以相同的順序。如果這超出了HTML的範圍,並且我正在尋找JavaScipt的例子,那就沒有問題。隨機播放一組音頻剪輯之一?

我知道這可能是一個相當簡單的解決方案,但我是HTML新手,並試圖更好地理解它。

如果我不盡快回復,請提前致謝!

回答

0

這是最好的解決方法,使用JavaScript,這是用來添加行爲的網站。 HTML主要用於構建您的網站。

我們可以通過querySelectorAll函數獲得所有音頻元素的集合。然後我們在下一行找到一個隨機元素,並調用play方法。

var audio = document.querySelectorAll("audio"); 

function playRandom() { 
    audio[Math.floor(Math.random() * audio.length)].play() 
}(); 

對於問題的第二部分,您會想要聽取ended事件。在事件監聽器功能中,您可以調用playRandom()函數。

audio.addEventListener("ended", function() { 
    playRandom(); 
}); 
+0

嗯..由於某種原因,這似乎並沒有工作。我已將您發送的代碼放入標記中,並在放置index.html文件的文件夾內放入所有歌曲。如果這可能會影響它,它們都是.mp3文件格式。再次,如果這是一個明顯的答案,很抱歉,我並不擅長這一點,特別是HTML中的Java Script實現 – FirstOrderKylo