javascript - 如何在不重叠的情况下停止和播放 HTML5 中的多个声音？

Question

我正在使用 javascript Audio 类在 HTML5 应用程序的后台播放不同的音频文件。
每个音频文件都绑定(bind)到一个按钮的点击事件。

现在我想要实现的是，当单击一个按钮时，当前正在进行的音频应该立即停止，而绑定(bind)到该特定按钮的音频应该开始播放。

我尝试使用pause() 和mute() 方法，但在这两种情况下，音频重叠的时间非常短(<=1 秒) ).

这个问题有解决办法吗？下面是我目前使用的代码:

 if (sound === null) {
        sound = new Audio("sounds/"+ audioId + ".mp3");
        声音播放()；
    }
    别的 {
          声音.暂停()；
          sound.src = "声音/"+ audioId + ".mp3";
          声音播放()；
    }

Answer 1

你可以使用played()这个函数设置或返回音频/视频是否暂停。

首先，您暂停音频，然后在播放声音后使用 paused() 检查音频是否暂停，而不是在暂停后立即播放音频。