音频停止功能

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

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();

其他回答

而不是stop()，你可以尝试:

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

这应该会有预期的效果。

在铬合金中有时不能工作，

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

就像这样改变，

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

首先，你必须为音频元素设置一个id

在js中:

var ply = document.getElementById('player');

var oldSrc = cp .src;//只是为了记住旧的源代码

厚度。SRC = "";//要停止播放，你必须将源代码替换为空

如果你的网站上有几个音频播放器，你想暂停它们:

$('audio').each( function() {
    $(this)[0].pause();
});

这是我做stop()方法的方式:

代码中的某个地方:

audioCh1: document.createElement("audio");

然后在stop()中:

this.audioCh1.pause()
this.audioCh1.src = 'data:audio/wav;base64,UklGRiQAAABXQVZFZm10IBAAAAABAAEAVFYAAFRWAAABAAgAZGF0YQAAAAA=';

这样我们就不会产生额外的请求，旧的被取消，我们的音频元素处于清洁状态(在Chrome和FF测试):>

推荐文章