想要改进 HTML5 视频播放器的倒带功能

Question

这不是一些编程问题。我正在做一个项目，我有不同格式的视频文件，如 mov、mp4 等。

我的应用是使用带有 html5 和 css3 的 knockoutjs 构建的。

我们的客户要求是当他们播放视频并使用快进、快退等功能时。视频渲染应该没有性能问题。

现在，我能够正确渲染视频，并且快进功能与 html5 完美配合，我面临的问题是倒带，当用户点击倒带时，视频开始卡顿并丢失帧，并且这里的用户倒带功能非常重要。

现在我想为所有格式的视频制作一致的性能。

为了优化网站上的视频性能，理想的前进方式是什么。

非常感谢任何建议和帮助。

Answer 1

我不确定您是如何对视频进行编码的，但请考虑优化您的视频关键帧，看看这是否会提高您的倒带性能。

以下简要概述了这可能带来的帮助： http://www.lighterra.com/papers/videoencodingh264/#maximumkeyframeinterval

...我们仍然需要足够的关键帧来寻找和快进 行为是好的，因为玩家只能直接跳转到关键帧 在播放过程中“幕后”，通常只会显示 高速快进和快退过程中的关键帧（在 低速，例如 2x 或 3x，它们通常可以播放每一帧）。跳跃 因此，到时间线中的任意点变得更加迟缓 关键帧越少，因为介入的增量帧越多 需要解码只是为了重建最终的目标帧，甚至 尽管前一个关键帧和 目标框架实际上不会显示。