视频帧在下一帧 HTML5 视频上冻结

Posted

技术标签:

【中文标题】视频帧在下一帧 HTML5 视频上冻结【英文标题】:Video frame freezed on next frame HTML5 video 【发布时间】:2018-05-08 10:16:42 【问题描述】:

我有一个基本的 html5 视频播放器,它有一个上一帧/下一帧按钮(每个动作一个)。 当我播放视频时,它通常会显示所有帧,但是当我在第 45 帧暂停时,当我单击下一帧时,它会在屏幕上显示第 55 帧。

我仍然可以单击下一步,直到它到达第 55 帧并显示相同的冻结帧。

如果我在 45 号暂停并单击下一步,也会发生同样的情况。它显示冻结帧,如果我播放视频,它会显示冻结帧直到显示帧,但我可以正确收听音频。

视频是 25fps,我做下一个:

video = $("#VideoContainer_videoPlayer")[0];
sumador = 1/25;

$("#nextFrame").click(function () 
  video.pause();

  video.currentTime = video.currentTime + sumador;

);

编辑:

我尝试的视频编解码器是:

H264 + AAC 1,5Mb 比特率 (4,1Mb) AVC + AAC 1,5Mb 比特率 (4,1Mb)

两者都是从 Apple ProRes 422 HQ 转换而来的相同视频

【问题讨论】:

【参考方案1】:

已解决,我已将视频重新处理为 4.0Mb 比特率,并且不再冻结帧。

【讨论】:

以上是关于视频帧在下一帧 HTML5 视频上冻结的主要内容,如果未能解决你的问题,请参考以下文章

如何在视频的第一帧之前放置静止图像?

如何提取视频中一帧图片

使用 HTML5 和 JavaScript 从视频中捕获帧

使用最后一帧嵌入 youtube 视频

音视频-帧、DTS、PTS

前端截取视频第一帧作为封面