1

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

2 回答 2

0

试试下面的代码,就像用新的源代码替换一样。希望,它会奏效。

var audio = document.createElement("audio");
audio.src = "test.ogg";
于 2013-05-08T12:03:35.033 回答
0

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

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

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

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

阅读更多关于MDN的内容。

于 2013-05-08T12:03:39.997 回答