2011-06-22 111 views
1

以下代碼沒有任何效果(在按下PlayFast按鈕之前音頻仍然以相同方式繼續播放,它在Windows上的Safari上運行得非常漂亮HTML 5 audio.playbackRate不適用於iPad,但適用於Windows上的Safari瀏覽器

function playFast() 

     { 
      var myVideo = document.getElementsByTagName('audio')[0]; 
      myVideo.playbackRate = myVideo.playbackRate + 1; 
      alert(myVideo.playbackRate); 
     } 

最初playbackRate設置爲1

任何一個可以請幫助。

+0

這不是我看到人們在iPad上遇到HTML5音頻問題的第一個問題。我需要讓自己成爲其中的一員,這樣我才能開始搞清楚。希望我能幫上忙。 – kinakuta

+0

@kinakuta:我也面臨同樣的問題,在我的html5視頻的回放:(任何解決方案任何人 – Hitesh

回答

1

播放率在JavaScript

您可以將音頻或視頻playbackRate屬性設置爲非零值,以慢動作播放媒體(值> 0,< 1)或者快進(值> 1)在桌面上的Safari。 設置playbackRate目前不支持iOS。

1

舉一個更新的答案從蘋果官方statement在iOS上:

您可以將音頻或視頻playbackRate屬性設置爲非零值,以慢動作播放媒體(值> 0和< 1 )或在桌面上的Safari中快進(值> 1)。 設置playbackRate目前不支持iOS。

話雖如此,我設法改變iPad/iOS7的playbackRate與下面的代碼。看起來你需要暫停視頻才能設置playbackRate。我只是想知道如果蘋果文件是最新的(?)

<video controls id="videoTag" width="640" height="360" preload="none"> 
<source src="media/360p.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' id="mp4Source"> 
</video> 
<div id="change">change rate to x2</div> 
<div id="change2">change rate to x0.5</div> 
<script type="text/javascript"> 
var video = document.getElementById('videoTag'); 
video.addEventListener('canplay',function(){ 
document.getElementById('change').addEventListener('click',function(){ 
    video.pause(); 
    video.playbackRate = 2.0; 
    video.play(); 
},false); 
document.getElementById('change2').addEventListener('click',function(){ 
    video.pause(); 
    video.playbackRate = 0.5; 
    video.play(); 
},false); 
},false); 
</script> 
相關問題