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 = "";//要停止播放器，您无须替换任何源