javascript - 停止播放任何当前音频

Question

我希望在播放新的音频剪辑之前停止之前播放的任何音频。这是为了防止元素上出现双重剪辑，从而多次播放音频文件。

我尝试暂停并将当前时间设置为 0，但都不起作用。正确的做法是什么？

        $(".playAudio").on('click touchstart', function () {
            var audio = document.createElement('audio');
            audio.setAttribute('src', $(this).attr('data-audio'));
            audio.pause();
            audio.currentTime = 0;
            audio.play();
        });

Answer 1

您可以暂停音频剪辑(如果存在)。

下面的代码应该可以工作。

let audio;

$(".playAudio").on('click touchstart', function () {

   if(audio){
     audio.pause();
   }

   audio = document.createElement('audio');
   audio.setAttribute('src', $(this).attr('data-audio'));
   audio.currentTime = 0;
   audio.play();
});