一尘不染

HTML5音频停止功能

html

单击导航中的每个链接,我正在播放一个小型音频剪辑

HTML代码:

<audio tabindex="0" id="beep-one" controls preload="auto" >
    <source src="audio/Output 1-2.mp3">
    <source src="audio/Output 1-2.ogg">
</audio>

JS代码:

$('#links a').click(function(e) {
    e.preventDefault();
    var beepOne = $("#beep-one")[0];
    beepOne.play();
});

到目前为止,一切正常。

问题是,当声音剪辑已经在运行时,我单击任何链接都不会发生任何事情。

我尝试停止单击链接时已经播放的声音,但是HTML5的音频API中没有直接的事件

我尝试了以下代码,但无法正常工作

$.each($('audio'), function () {
    $(this).stop();
});

有什么建议吗?


阅读 519

收藏
2020-05-10

共1个答案

一尘不染

相反,stop()您可以尝试:

sound.pause();
sound.currentTime = 0;

这应该具有预期的效果。

2020-05-10