html - 随机播放一组音频片段中的一个？

Question

因此，我正在尝试建立一个网页，当您打开该网页时，它将播放随机的音乐，当播放完毕后，它将在之后直接播放另一音乐，因此您将获得恒定的音乐流，但是每次相同的顺序。如果这超出了HTML的范围，而我正在研究JavaScipt，那很好。

我知道这可能是一个相当简单的解决方案，但是我是HTML的新手，正试图更好地理解它。

预先感谢您，如果我不尽快给您回复!

Answer 1

最好使用JavaScript解决此问题，该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();
});