我在我的导航中的每个链接的点击播放一个小的音频剪辑
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();
});
任何建议吗?
解决方法
而不是stop()你可以尝试:
sound.pause(); sound.currentTime = 0;
这应该有预期的效果