我点击导航中的每个链接播放一个小音频剪辑
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)
有什么建议吗?