音樂播放完畢后自動刷新網頁

Question

我正在嘗試建立一個網站，每次刷新頁面時都會收到隨機音樂。 這工作得很好，但有可能有些人如何抓住當前正在播放的曲目的長度並設置頁面在完成播放時重新加載？

提前致謝！

我現在只是使用基本的html音頻標簽：

theMusic[0] = '<audio controls autoplay><source src= "1.ogg"></audio>';
theMusic[1] = '<audio controls autoplay><source src= "2.ogg"></audio>';
theMusic[2] = '<audio controls autoplay><source src= "3.ogg"></audio>';

var i = Math.floor(3*Math.random())

Answer 1

您可以使用<audio>元素的onended事件來重新加載頁面：

<audio controls autoplay onended="javascript:window.location.reload();">
[...]
</audio>