随机播放一组音频片段之一？

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();
});