停止正在播放的当前音频

时间:2017-10-19 15:12:43

标签: javascript html dom audio

我希望在播放之前播放的新音频片段之前,先停止播放任何音频。这是为了防止多次播放音频文件的元素上的双剪辑。

我试图暂停并将当前时间设置为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();
        });

1 个答案:

答案 0 :(得分:1)

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

以下代码应该有效。

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