单击导航中的每个链接，我正在播放一个小型音频剪辑
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();
});有什么建议吗？
Answers:
首先，您必须为音频元素设置一个id
在您的js中：
var ply = document.getElementById('player');
var oldSrc = ply.src;//只记得旧的来源
ply.src = "";//要停止播放器，您无须替换任何源
我有同样的问题。如果是广播电台，则应停止播放，并继续播放直播。我看到的所有解决方案都有一个缺点：
player.currentTime = 0 继续下载流。player.src = ''引发error事件我的解决方案：
var player = document.getElementById('radio');
player.pause();
player.src = player.src;和HTML
<audio src="http://radio-stream" id="radio" class="hidden" preload="none"></audio>Security Error: Content at https://localhost/url.html may not load data from blob:https://localhost/cac32534-78b0-4a62-8355-cc8f1e708d64.]似乎没有负面影响，因为此后代码继续执行（与未捕获的Exception不同）。
此方法有效：
audio.pause();
audio.currentTime = 0;但是，如果您不想每次停止音频时都必须编写这两行代码，则可以执行以下两项操作之一。我认为第二个更合适，我不确定为什么“ javascript标准之神”没有制定该标准。
第一种方法：创建一个函数并传递音频
function stopAudio(audio) {
audio.pause();
audio.currentTime = 0;
}
//then using it:
stopAudio(audio);第二种方法（受支持）：扩展Audio类：
Audio.prototype.stop = function() {
this.pause();
this.currentTime = 0;
};我在一个名为“ AudioPlus.js”的javascript文件中拥有此文件，该文件在处理音频的任何脚本之前都包含在html中。
然后，您可以在音频对象上调用stop函数：
audio.stop();最终的铬问题与“ canplaythrough”：
我尚未在所有浏览器中都进行过此测试，但这是我在Chrome中遇到的一个问题。如果尝试在连接了“ canplaythrough”事件监听器的音频上设置currentTime，则将再次触发该事件，这可能会导致不良结果。
因此，与您确实要确保不再触发该事件侦听器的所有情况类似，解决方案是在第一次调用之后删除该事件侦听器。像这样：
//note using jquery to attach the event. You can use plain javascript as well of course.
$(audio).on("canplaythrough", function() {
$(this).off("canplaythrough");
// rest of the code ...
});奖金：
请注意，您可以向Audio类（或与此相关的任何本机javascript类）添加更多自定义方法。
例如，如果您想要一种“重新启动”方法来重新启动音频，则它可能类似于：
Audio.prototype.restart= function() {
this.pause();
this.currentTime = 0;
this.play();
};function stopAudio(audio) { audio.pause(); this.audioStream.src = ""; } 这样做最终对我有用，并删除了在页面上播放音频时在Chrome浏览器中显示的扬声器图标。已在Chrome 59.0.3071.109版上测试
通过我自己的JavaScript函数来切换播放/暂停-由于我正在处理广播流，因此我希望它清除缓冲区，以使侦听器最终不会与广播电台不同步。
function playStream() {
var player = document.getElementById('player');
(player.paused == true) ? toggle(0) : toggle(1);
}
function toggle(state) {
var player = document.getElementById('player');
var link = document.getElementById('radio-link');
var src = "http://192.81.248.91:8159/;";
switch(state) {
case 0:
player.src = src;
player.load();
player.play();
link.innerHTML = 'Pause';
player_state = 1;
break;
case 1:
player.pause();
player.currentTime = 0;
player.src = '';
link.innerHTML = 'Play';
player_state = 0;
break;
}
}事实证明，仅清除currentTime并不能在Chrome下剪切它，也需要清除源并将其重新加载。希望对您有所帮助。
附带说明，由于我最近使用的是接受的答案中提供的stop方法，因此请根据以下链接：
https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events
通过手动设置currentTime，可以在音频元素上触发“ canplaythrough”事件。在链接中提到了Firefox，但是在Chrome上手动设置currentTime后遇到了此事件。因此，如果您有与此事件相关的行为，则可能会导致音频循环。
shamangeorge写道：
通过手动设置currentTime，可以在音频元素上触发“ canplaythrough”事件。
确实会发生这种情况，暂停也会触发该pause事件，这两种情况都使该技术不适合用作“停止”方法。此外，如果设置src为zaki所建议的设置，则会使播放器尝试将当前页面的URL加载为媒体文件（并且失败）（如果autoplay启用）- 不允许设置src为null；它将始终被视为URL。缺少销毁播放器对象的方法，似乎似乎没有提供“停止”方法的好方法，因此，我建议仅放下专用的停止按钮，并提供暂停和后退按钮-停止按钮实际上不会添加任何功能。
这种方法是“强力”，但在使用“允许”的情况下可以使用。<audio></audio>用div 包围您的“ player” 标签（此处的ID为“ plHolder”）。
<div id="plHolder">
<audio controls id="player">
...
</audio>
<div>然后，此javascript应该可以工作：
function stopAudio() {
var savePlayer = $('#plHolder').html(); // Save player code
$('#player').remove(); // Remove player from DOM
$('#FlHolder').html(savePlayer); // Restore it
}#FlHolder对于#plHolder
src了玩家的属性。
对我来说，代码工作正常。（IE10 +）
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">...希望能有所帮助。