HTML5视频 – 最大播放速率是多少?

您可以设置 HTML5视频元素的播放速度:
var player = document.getElementById("video");
player.playbackRate = 100;

w3规范没有定义限制. < video>的最大播放速率是多少? Chrome和Firefox中的元素?如果播放速度不依赖浏览器,那么什么决定了?

研究:

MDN HTML Media Element表示,有些浏览器会在0.25x – 4x之间的播放范围之外停止播放音频.它不会说视频元素是否会继续播放视频.

YouTube的播放器支持0.25x – 2x的速度.这是一个Flash播放器,而不是HTML5视频元素,我对此不感兴趣.

就个人而言,我已经在我的电脑上本地创建了一个< video>元素和本地视频文件.我可以将播放速度设置为任何值(例如100),但视频看起来似乎比〜5x要快.我实际上不能检查播放速度,因为它只返回我设置的值“100”.

解决方法

火狐:

Firefox将有效播放速率钳位到0.25 – 5.0范围(可以为负数,但绝对值相同).
此外,如果播放速度低于0.5或高于4.0,则音频被静音.

源 – Firefox源代码dom\html\HTMLMediaElement.cpp

铬:

Chrome将播放速度缩放到0.0625 – 16.0的更广泛范围.然而,更宽的允许范围并不能保证特定的PC能够按照要求的速率跟上视频呈现和音频处理.因此,指定的范围只能在更快的PC和现代操作系统上充分体现.

源 – 铬源代码media/blink/webmediaplayer_impl.cc

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码