javascript - 更改视频 currentTime 太多时，视频失败？

Question

我正在使用用户拖动事件以及按键来更改 HTML5 视频元素中的位置，然后使用以下方法相应地更新视频时间：

video.currentTime = toTime;

然后我通过抓取视频并将其放到画布上来根据视频位置更新画布。

另一个元素是我实际上从帧号中获取了视频时间，即：

framenumber = 123;
fps = 25;
toTime = 123/25;

问题是，它经常失败。失败是指我丢失了视频；它只是完全停止工作。

大多数时候它工作得很好，但有时它只是失败了，而且也不总是在同一点......

任何想法将不胜感激！

Answer 1

我的问题有2个答案：

1. 视频文件的编码——基本上通过控制关键帧并将正确的视频发送到正确的浏览器，我能够解决很多问题。使用 FFMPEG 我更改了 GOP 长度。

   ffmpeg -g <frames>就我而言，<frames>所需的 GOP 点之间的帧数在哪里。

2. 使用videojs提供视频似乎解决了很多问题，并使其体验更加流畅。