HTML 5 audio.playbackRate无法在iPad上运行，但适用于Windows上的Safari [英] HTML 5 audio.playbackRate not working in iPad but works on Safari on Windows

问题描述

以下代码没有任何效果（在按下PlayFast按钮iPad之前，音频继续以相同的方式播放。它在Windows上的Safari上工作得非常漂亮

Following code does not have any effect (audio continues to play in the same manner before pressing the PlayFast button iPad. It works beautifully on Safari on windows box

function playFast() 

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

最初 playbackRate 设置为1

任何人都可以提供帮助。

Can any one please help.

推荐答案

要得到与官方声明：

你可以将audio或video playbackRate属性设置为nonze ro值用于在桌面上的Safari中以慢动作（值> 0和<1）或快进（值> 1）播放媒体。 iOS目前不支持设置playbackRate。

说完我已设法更改了playbackRate iPad / iOS7具有以下代码。在设置playbackRate之前，您似乎需要暂停视频。我现在只是想知道Apple文档是否是最新的（？）

Having said that I have managed to change the playbackRate on iPad/iOS7 with the following code. It seems you need to pause the video before the playbackRate can be set. I am just wondering now if the Apple document is up to date (?)

<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>

这篇关于HTML 5 audio.playbackRate无法在iPad上运行，但适用于Windows上的Safari的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！