如果音频文件处于暂停状态如何重新播放音频文件

If audio file in pause action How to play audio file from the begining

本文关键字：音频 文件 何重新 播放 如果 暂停状态      更新时间：2023-09-26

如果音频文件处于暂停动作如何使用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>

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

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

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

如果你试图在完全下载之前循环播放音频，将会抛出DOM Exception 8。

阅读更多关于MDN

试试下面的代码，这就像用新资源替换。希望，它会起作用。

var audio = document.createElement("audio");
audio.src = "test.ogg";
相关文章：