2013-05-08 46 views
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> 
+0

而不是暫停它,爲什麼你不停止它呢?然後重新開始應該從頭開始 – TommyBs 2013-05-08 12:01:52

回答

0

你可以簡單地使用重置的Audio.prototype.currentTime對象Audio的時間。所有你需要做的是:

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

而且時間會重置爲0。但是,你不能訪問currentTime屬性之前的音頻完全由瀏覽器下載,所以你應該只在beepOne.canplaythrough事件後訪問已經開除。

如果您嘗試在完整下載音頻之前循環播放音頻,則會拋出DOM Exception 8

瞭解更多關於MDN

0

嘗試下面的代碼, 它像更換新的來源。希望,它會起作用。

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