HTML5音频停止功能

前端之家收集整理的这篇文章主要介绍了HTML5音频停止功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的导航中的每个链接的点击播放一个小的音频剪辑

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

任何建议吗?

解决方法

而不是stop()你可以尝试:
sound.pause();
sound.currentTime = 0;

这应该有预期的效果

原文链接:https://www.f2er.com/html5/170148.html

猜你在找的HTML5相关文章