创建多个<audio>元素以防止剪切

Question

如果我通过按钮触发HTML5元素，让它播放，我有一个问题，当我再次按下按钮时，样本将不再播放（因为它已经在播放）。

如果我使用： n.pause() n.currentTime = 0 n.play()

它将被削减，这也不是很好。

是否有一种简单的方法（我是初学者）来创建一个新的音频元素并在它结束后销毁它，或者甚至是另一种我可能想不到的可能性？

Answer 1

我建议您从HTML中删除任何现有的音频元素，这样您就可以使用Javascript。

每次用户点击您的按钮

<button onclick="playSound();">click me</button>

创建了一个新的Audio对象实例。

function playSound() {
    var n = new Audio("example.mp3");
    n.play();
}

Answer 2

您可以在播放音频时禁用播放按钮。您还可以提供暂停或停止按钮。

我认为你不应该创建一个新的音频元素。