HTML5音频停止功能

Question

单击导航中的每个链接，我正在播放一个小型音频剪辑

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

});

有什么建议吗？

Answer 1

而不是stop()您可以尝试：sound.pause();sound.currentTime = 0;这应该具有预期的效果

Answer 2

首先，您必须为音频元素设置一个id在您的js中：var ply = document.getElementById('player');var oldSrc = ply.src;//只记得旧的来源ply.src = "";//要停止播放器，您无须替换任何源