相关疑难解决方法(0)

HTML5音频停止功能

我点击导航中的每个链接播放一个小音频剪辑

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>
Run Code Online (Sandbox Code Playgroud)

JS代码:

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

它到目前为止工作正常.

问题是当声音片段已经运行并且我点击任何链接时没有任何反应.

我试图通过点击链接停止已播放的声音,但在HTML5的Audio API中没有直接的事件

我尝试了下面的代码,但它没有用

$.each($('audio'), function () {
    $(this).stop();
});
Run Code Online (Sandbox Code Playgroud)

有什么建议吗?

html5 html5-audio

135
推荐指数
7
解决办法
20万
查看次数

标签 统计

html5 ×1

html5-audio ×1