【问题标题】:html5 video: fastest fast forward and slowest slow motion?html5 视频:最快的快进和最慢的慢动作?
【发布时间】:2017-08-12 18:33:05
【问题描述】:

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

我似乎在玩这个演示: http://www.w3.org/2010/05/video/mediaevents.html

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

【问题讨论】:

    标签: html html5-video


    【解决方案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,则播放速度加倍,而 0.5 将以一半速度播放。如果 playbackRate 设置为负值,在 Windows Internet Explorer 9 中,它会将其四舍五入回零,实质上是暂停播放。在 Internet Explorer 10 中,playbackRate 的负值会导致视频反向播放。 W3C 规范不推荐上限,但 Internet Explorer 将 playbackRate 的速度限制为最高 8 倍。

    来源:Using JavaScript to control the HTML5 video player

    【讨论】:

      【解决方案2】:

      GPU 加速有助于实现更多目标。

      除了 chrome 的播放速度扩展,我使用enounce myspeed。 当将 enounce myspeed 调到最大 5 倍并提高 chrome 扩展程序的 html5 视频播放速度时,它有助于实现更快的速度。

      在使用 Nvidia GTX 1080 Ti 的 corei7 -3770k @3.5Ghz 上,我获得了 30-40 倍的最大速度(myspeed 的 5 倍 * chrome 扩展的 6 到 8 倍)。 Pascal GPU 支持 h264 或 h265 甚至 VP9 编解码器(用于 youtube 视频)。

      经过测试的视频: https://www.youtube.com/watch?v=PSZw8egM2Is

      GPU 的视频引擎大部分时间利用率超过 90%,而且我的 100Mbit 带宽从互联网下载缓冲还不够,所以有时 youtube 仍然很少以这些速度停止一点,而且超过由于缓冲耗尽,有时甚至缓冲仍然可用,但可能由于超过 90% 的视频引擎利用率,这种速度停止缓冲将变得更加频繁。

      TDP 是 GPU 的 35%。

      当我将分辨率切换到 480p 时,它给了我 75x ,虽然缓冲很好,视频引擎是 50%,但由于缓冲圆圈图标旋转频繁停止,无法进一步提高速度)

      在我的 Surface pro3 中,除了内置的 Haswell GPU 之外没有 GPU 加速:如果结合 myspeed 480p,我可以获得 20 倍的最大流畅播放。

      【讨论】:

        【解决方案3】:

        我自己也在找这个,偶然发现了你的问题。您可能希望通过保持帧队列来使用画布来做到这一点。不幸的是,该解决方案仅适用于视频,不适用于音频。你可以在这里看到一个例子:

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

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

        编辑:

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

        【讨论】:

        • 是的,我在帖子中引用了该属性。我的问题是:什么是最慢的,什么是最快的播放速率?
        【解决方案4】:

        播放速度分为以下。您可以将速度降低到最慢的 0.1 和最快的 2.0;

        1. 1.0是正常速度
        2. 0.5 是半速(较慢)
        3. 2.0 是双倍速(更快)
        4. -1.0 后退,正常速度
        5. -0.5 是向后,半速

        这里是demo at w3schools website。你可以在玩vid.playbackRate = 0.5;值的时候进一步发现。

        完整阅读here

        【讨论】:

          猜你喜欢
          • 2012-04-02
          • 1970-01-01
          • 1970-01-01
          • 2012-11-20
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2015-06-07
          • 1970-01-01
          相关资源
          最近更新 更多