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

尝试以下代码，它就像用新的源代替。希望，它会奏效。

var audio = document.createElement("audio");
audio.src = "test.ogg";

Answer 2

您只需使用Audio重置Audio.prototype.currentTime对象的时间即可。您所要做的就是：

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

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

如果您在音频完全下载之前尝试循环播放，则会引发DOM Exception 8。

详细了解MDN。

如果音频文件处于暂停动作如何从头开始播放音频文件

2 个答案: