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

时间:2017-05-02 18:06:55

标签: html5 knockout.js video-streaming html5-video

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

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

我们的客户要求是他们播放视频并使用快速转发,快退等功能。视频渲染应该没有性能问题。

现在,我可以正确渲染视频,快进功能与html5完美配合,我面临的问题是倒带,当用户点击倒带,视频开始断断续续并丢失帧时,以及此处的用户倒带功能非常重要。

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

为了优化网站上的视频效果,最佳选择是什么?

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

1 个答案:

答案 0 :(得分:0)

我不确定您如何对视频进行编码,但请考虑优化视频关键帧,看看是否能提高您的回放效果。

以下简要概述了这可能会有所帮助: http://www.lighterra.com/papers/videoencodingh264/#maximumkeyframeinterval

  

...我们仍然需要足够的关键帧来寻求和快速转发   行为很好,因为玩家只能直接跳到关键帧   播放期间“引擎盖下”,通常只会显示   在高速快进和快退期间的关键帧(at   低速,如2x或3x,它们通常可以播放每一帧)。跳跃   因此,时间线中的任意点变得更加迟缓   关键帧越少,因为更多的中间delta帧   需要解码才能重建最终目标帧,甚至   虽然前一个关键帧和之间的那些介入帧   目标框架实际上不会显示。

相关问题