javascript - 如果音频文件处于暂停状态 如何从头开始播放音频文件

Question

如果音频文件处于暂停状态如何使用jquery从头开始播放音频文件

这是我的代码

<audio id="beep-one" controls="controls" preload="auto">
<source src="test.ogg"></source>
Your browser isn't invited for super fun time.
</audio>
<a href="#" class="track1"  >click here</a>
<a href="#" class="track2"  >click here</a>

<script type="text/javascript">
    $(document).ready(function(){
    $(".track2").hide();
    $(".track1").click(function(){
    var beepOne = $("#beep-one")[0];
    $(".track1").hide();
    $(".track2").show();
    beepOne.play();
    });
    $(".track2").click(function(){
    var beepOne = $("#beep-one")[0];
    $(".track1").show();
    $(".track2").hide();
    beepOne.pause();
    });
    });
    </script>

Answer 1

您可以使用 Audio.prototype.currentTime 重置 Audio 对象的时间。您所要做的就是:

beepOne.currentTime = 0; // the time unit used here is seconds!

并且时间将重置为 0。但是，在浏览器完全下载音频之前，您无法访问 currentTime 属性，因此您只能在 beepOne.canplaythrough 之后访问它 事件已触发。

如果您尝试在音频完全下载之前循环播放音频，则会抛出 DOM 异常 8。

了解更多关于 MDN .