我正在播放一个小音频剪辑点击每个链接在我的导航
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();
});
有什么建议吗?
当前回答
在铬合金中有时不能工作，
sound.pause();
sound.currentTime = 0;
就像这样改变，
sound.currentTime = 0;
sound.pause();
其他回答
如果你的网站上有几个音频播放器，你想暂停它们:
$('audio').each( function() {
$(this)[0].pause();
});
在IE 11中，我使用了组合变体:
player.currentTime = 0;
player.pause();
player.currentTime = 0;
只有2次重复可以防止IE在pause()后继续加载媒体流，并因此淹没磁盘。
这是我做stop()方法的方式:
代码中的某个地方:
audioCh1: document.createElement("audio");
然后在stop()中:
this.audioCh1.pause()
this.audioCh1.src = 'data:audio/wav;base64,UklGRiQAAABXQVZFZm10IBAAAAABAAEAVFYAAFRWAAABAAgAZGF0YQAAAAA=';
这样我们就不会产生额外的请求，旧的被取消，我们的音频元素处于清洁状态(在Chrome和FF测试):>
对我来说，代码工作得很好。的问世(+)
var Wmp = document.getElementById("MediaPlayer");
Wmp.controls.stop();
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
standby="Loading áudio..." style="width: 100%; height: 170px" id="MediaPlayer">...
希望这对你有所帮助。
解决这个错误的简单方法是捕获错误。
audioElement.play()返回一个承诺，所以下面带有.catch()的代码应该足以处理这个问题:
函数playSound(声音){ sfx.pause (); 自解压。currentTime = 0; 自解压。SRC =声音; sfx.play()。Catch (e => e); ｝
注意:为了向后兼容，您可能需要将箭头函数替换为匿名函数。
