我正在播放一个小音频剪辑点击每个链接在我的导航
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();
});
有什么建议吗?
当前回答
我相信检查音频是否处于播放状态并重置currentTime属性会很好。
if (sound.currentTime !== 0 && (sound.currentTime > 0 && sound.currentTime < sound.duration) {
sound.currentTime = 0;
}
sound.play();
其他回答
而不是stop()，你可以尝试:
sound.pause();
sound.currentTime = 0;
这应该会有预期的效果。
在IE 11中，我使用了组合变体:
player.currentTime = 0;
player.pause();
player.currentTime = 0;
只有2次重复可以防止IE在pause()后继续加载媒体流，并因此淹没磁盘。
首先，你必须为音频元素设置一个id
在js中:
var ply = document.getElementById('player');
var oldSrc = cp .src;//只是为了记住旧的源代码
厚度。SRC = "";//要停止播放，你必须将源代码替换为空
对我来说，代码工作得很好。的问世(+)
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">...
希望这对你有所帮助。
这种方法是“蛮力”的，但前提是“允许”使用jQuery。围绕你的“player”<audio></audio>标签与div(这里与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
}
