2015-12-21 22 views
1

playbackRate在移動瀏覽器(Iphone和Android)中不起作用。以下是代碼。在桌面瀏覽器中玩時,一切似乎都沒有問題。移動瀏覽器中的HTML 5音頻PlayBackRate

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <script src="js/jquery.js"></script> 
     <!-- Bootstrap Core JavaScript --> 
     <script src="js/bootstrap.min.js"></script> 
    </head> 
    <body> 
     <audio src="./audio/Kalimba.mp3" id="audio1" controls>Canvas not supported</audio> 
     <button id="playbutton" >Play</button> 
    </body> 
    <script type="text/javascript" > 
     $(document).ready(function (e) { 
      $('#playbutton').click(function() { 
       var audioElm = document.getElementById("audio1"); 
       var playBackSpeed = 0.5; 
       audioElm = document.getElementById("audio1"); 
       audioElm.playbackRate = playBackSpeed; // default speed 1 
       audioElm.play(); 
      }); 
     }); 
    </script> 
</html> 

回答

2

看起來功能支持在少數移動設備中受到限制。

參考:

https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/WebAudio_playbackRate_explained

從低於上述網頁截圖...

enter image description here

+0

謝謝您的答覆。有沒有其他解決方案? –

+0

你可以採取的解決方法是... 1)找到你需要的功能支持(移動Firefox 24及以上支持我猜根據上述文檔) 2)在你的代碼中,識別如果瀏覽器不支持,則提示用戶請求升級/安裝支持的瀏覽器。 –

相關問題