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

Question

如果我通过按钮触发 HTML5 元素使其播放，我遇到的问题是，当我再次按下按钮时，样本将不会再次播放（因为它已经在播放） .

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

会被剪掉也不太好看

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

Answer 1

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

每次用户点击您的按钮

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

创建了音频对象的新实例。

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

Answer 2

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

我认为您不应该创建新的音频元素。

Create multiple <audio> elements to prevent a cut of