欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

H265网页视频播放器播放录像时间轴与实际视频时间不相符如何处理?

程序员文章站 2022-07-06 22:53:47
...

大家知道,TSINGSEE青犀视频全线产品内都已经融合了H265播放器,支持播放H265编码视频(视频网站使用H265编码能提高视频清晰度吗)。

我们在测试H265播放器的时候,点击到录像播放,会出现视频已经播放结束而录像时间轴还剩部分时间的情况。

H265网页视频播放器播放录像时间轴与实际视频时间不相符如何处理?

分析问题

排查发现播放每一段录像或者点播视频,剩余的长度都不一样,而且越长的视频剩余的长度相对较短。

随后到浏览器控制台查看,发现每次播放点播或者录像视频,都会先加载一个M3U8文件,然后加载TS文件,再拉起播放器。播放器拉起后会从第二个TS文件开始播放,这就导致每次都会丢失一个TS文件,也就是播放每一段都会少一段视频,时间轴也会对应不上。

H265网页视频播放器播放录像时间轴与实际视频时间不相符如何处理?

解决问题

在H265播放器项目中,找到加载TS文件的downloadWorker.js文件,加入如下图代码。

H265网页视频播放器播放录像时间轴与实际视频时间不相符如何处理?

 if (i === 0&&!self.isLiveStream) {
    self.tsFileList.push(fileinfo);
 }

该代码保证了每个TS文件都会被识别并且被播放,让TS文件和完整的视频对应起来,如此就不会出现视频文件少一段的情况了。

H265网页视频播放器播放录像时间轴与实际视频时间不相符如何处理?

EasyPlayer支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放,稳定、高效、可靠、可控。如果大家想详细了解视频监控可视化服务,可以联系我们咨询,除EasyNVR外,还有EasyGBS、EasyDSS、EasyCVR等解决方案,欢迎大家了解或咨询。