video - 提高视频搜索/显示性能？

Question

我有一个动画用例，我需要通过设置 currentTime 属性来使用 javascript 播放视频。

我在这里提供了一个非常简单的用例。

根据视频大小/编码等，我注意到“搜索”时间（从我设置 currentTime 到显示帧的时间）变化很大，从几毫秒到几百毫秒。

有什么方法可以改善这一点吗？

欢迎调整，玩家或任何想法！

https://codepen.io/klodoma/pen/YmZjpx

seeking: 139.93994140625ms
seeking: 127.566162109375ms
seeking: 139.966796875ms
seeking: 136.269287109375ms
seeking: 144.666259765625ms

标签： videohtml5-video

Answer 1

我不认为你会在这里找到一个很难找到的绝对答案，因为涉及的因素太多了。

一般而言，编码器越复杂和高效，任何给定的帧就越有可能只能在一些进行的和可能的后续帧的帮助下生成和显示。

这意味着当播放器寻找最接近您输入时间的帧时，播放器需要识别显示您的帧所需的帧组或帧集，以及它需要缓冲以提供播放“流畅性”的任何内容目标。

您可以尝试通过使用更简单的编解码器或测试来猜测哪种编码效果最好，但不同的播放器、平台或解码软件或硬件可能具有难以预测的优化，并且在升级时也可能发生变化。

您现在看到的延迟范围实际上非常令人印象深刻 - 我很惊讶您有时没有看到更长的延迟。