如何处理 Chrome 中较差的 HTML5 视频性能？答案

【问题标题】：How to deal with poor HTML5 video performance in Chrome?如何处理 Chrome 中较差的 HTML5 视频性能？
【发布时间】：2013-01-02 22:24:51
【问题描述】：

一年多以前，我们在网站上添加了video page。当时 OGV 不是很好，也没有好的 WebM 编码器可用，所以我们决定为 webkit 浏览器（Chrome、Safari 等）使用 HTML5 和 h.264，然后为其他浏览器回退到 Flash（使用相同的 h.264 源文件。）

这已经有一段时间了。最近（可能是一两个月，所以在多个 Chrome 版本 - 当前版本 24.0.1312.52 m）我们发现 Chrome 的播放确实滞后。我们认为这是服务器问题，所以我们升级了服务器，它的行为仍然相同。我记得读到谷歌想要放弃 h.264 并将所有人转移到 WebM，并认为这种性能是其中的一部分。我们将一些视频转换为 WebM 并使用 Chrome 对其进行了测试，但它们的滞后性同样糟糕。相同的视频 (WebM) 在 FireFox 中流畅播放，而 MP4 通过 Flash 插件在 FireFox 中播放效果很好。

我去了 YouTube 并打开了 HTML5 视频支持，发现视频在 Chrome 中也滞后（以高清运行时），而它们在 Flash 模式下播放良好。（即使启用了 HTML5，一些视频仍然通过 Flash 播放。）

在 Windows 8 和 Mountain Lion 上测试。

我与同事交谈过，他们也遇到了同样的问题。所以不只是我。所以我的问题是：

这是我们的视频编码问题吗？
这是 Chrome 的错误吗？
还是只是本地化给我们？
除了切换回 Flash 之外，还有其他方法可以解决这个问题吗？

【问题讨论】：

我也看到了这一点，但仅在较大的视频尺寸时才明显。老实说，我把这归结为我的测试机器没有电——但也许不是？！
@w3d 一年前的表现还不错。我以为我也遇到了机器问题，或者我更改了编码，但即使是旧视频也可以播放。
您能否分享一个测试视频，其编码与您的内容相同，但表现出相同的行为？它在 OSX 和 Windows 上的行为是否相同？是大帧还是高帧率？您是否有任何可能会影响结果的 Chrome 插件/扩展程序
@Offbeatmammal 在 OSX 和 Windows 上相同 - 我已经在禁用所有 Chrome 扩展程序的情况下进行了尝试。 .您可以下载MP4 video from here。它是 720p。
嘿，吉姆，在 OSX 上的 Chrome 中在家中尝试了视频（以及网站上的其他人），它们看起来很好，即使在缓冲区之前寻找方法也很好。您正在经历什么“滞后”？它们在小型和大型模式下都很好（这些年来再次见到 Pascal 很有趣！）。它通过像gist.github.com/3718414 这样的事件记录器表现如何？

标签： html video

【解决方案1】：

这是我的意思的旗帜。如果该标志禁用，浏览器会尝试使用硬件加速视频解码，我可以授予它在某些设备中引发错误和缓慢的视频渲染。如果启用，则永远不会使用硬件加速视频解码，但上述问题就会消失。从理论上讲，它会增加实际能够使用这种加速的设备的解码时间，但我已经在这个领域工作了将近一年，我仍然没有意识到这件事有什么不同。但是，仍然不知道如何在未经测试的情况下通过这种加速来识别设备是否会正常运行（此功能的可用性似乎无法使其正常运行）。

【讨论】：

这应该是答案。有些设备内置了硬件解码；其他人没有。（但大多数设备都应该内置视频解码（不是视频）芯片）启用此功能后，Chrome 会尝试找到该芯片，同时随后通过软件对视频进行解码。在我的测试中，这导致了轻微的延迟，但可能是因为我在 VM 上运行。再次尝试在您的设备上进行测试——它应该有解码芯片！~
启用此标志意味着笔记本电脑用户播放您的视频时电池寿命会缩短。所有现代设备都支持视频的硬件解码，不仅是为了流畅，还为了减少电池消耗。如果 Google Chrome 有问题，而同一台电脑上的竞争浏览器没有，请向 Google 投诉。