html5视频:最快的快进和最慢的慢动作?

时间:2013-05-21 13:09:41

标签: html5 html5-video

想知道使用html5视频进行可变速率播放的界限是什么。

我似乎最小化和最大限度地玩这个演示: http://www.w3.org/2010/05/video/mediaevents.html

我粗略地瞥了一眼specification,但没有看到任何东西。

3 个答案:

答案 0 :(得分:1)

我已经在不同的计算机cpu上测试了这个,发现没有上限。但是,最快的有效速度将取决于您的CPU功率。我在corei7 -4770k @ 3.5Ghz上获得了15倍的最大速度,在低功耗的haswell corei5 @ 2.5Ghz上获得了大约10倍的速度。

这些是用于更改速度的chrome扩展: chrome extension for chrome

another chrome extension with modifiable hotkeys (but it needs to be added to chrome by loading an unpacked extension)

<强>更新

以下是与Internet Explorer相关的内容:

  

playbackRate属性表示视频内在或正常播放速率的乘数,默认设置为1.如果将属性设置为2,则播放速度加倍,而.5将以半速发挥。如果将playbackRate设置为负值,则在Windows Internet Explorer 9中,它会将其舍入为零,从而基本上暂停播放。在Internet Explorer 10中,playbackRate的负值会导致视频反向播放。 W3C规范并未建议上限,但Internet Explorer将playbackRate限制为最高速度的8倍。

来源:Using JavaScript to control the HTML5 video player

答案 1 :(得分:-2)

我自己正在寻找这个,并且发生了你的问题。您可能希望通过保留帧的队列来使用画布来实现。不幸的是,该解决方案仅适用于视频,而不适用于音频。你可以在这里看到一个例子:

http://techslides.com/demos/slow-motion.html

我仍在寻找有关如何减慢音频速度的信息。

编辑:

有一种更简单的解决方案 - the playbackrate property

答案 2 :(得分:-2)

Playbackspeed分为以下几种。你可以将速度降低到0.1最慢和2.0最快我猜;

  1. 1.0是正常速度
  2. 0.5是半速(慢)
  3. 2.0是双倍速度(更快)
  4. -1.0向后,正常速度
  5. -0.5向后,半速
  6. 这是demo at w3schools website。您可以在播放vid.playbackRate = 0.5;值时进一步查找。

    完整阅读here