TSINGSEE青犀视频EasyPlayer系列H265播放器播放HLS点播文件卡顿问题排查：TSINGSEE青犀视频EasyPla

原标题：TSINGSEE青犀视频EasyPlayer系列H265播放器播放HLS点播文件卡顿问题排查
TSINGSEE青犀视频开发了多款视频播放器，包括EasyPlayer播放器系列项目，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放和本地文件播放。最近TSINGSEE青犀视频又开发了EasyWasmPlayer播放器，支持H265编码格式的网页播放。

文章图片
目前在测试中， H265播放器播放已经可以稳定运行，但是测试HLS点播文件会出现卡顿的现象。

文章图片
【TSINGSEE青犀视频EasyPlayer系列H265播放器播放HLS点播文件卡顿问题排查】打开控制栏发现每当出现卡顿的时候，网络这边的TS切片都没有加载， TS加载后就会继续播放。所以我们可以知道问题就是浏览器的缓存速度相对播放器渲染慢了，播放器在等数据加载，才导致了卡顿现象。

文章图片
我们查看播放器加载时间TS间隔和m3u8返回的TS列表，对比了俩个时间，发现播放器请求的间隔是小于TS时间的，但是由于网络和TS数据的大小关系，加载可能就会相对较长。
M3U8列表中TS时长:

文章图片
播放器加载TS间隔时间:

文章图片
因此还需要将加载时间缩短。找到H265播放器项目中的downloadWorker.js文件，添加当TS时长大于6100毫秒缩短3000毫秒，否则就缩短1500（毫秒），这样就给浏览器足够的加载时间，防止卡顿现象。

文章图片
if(self.intervalValue>6100){self.intervalValue=https://pcff.toutiao.jxnews.com.cn/p/20210205/self.intervalValue-3000}else{self.intervalValue=self.intervalValue-1500}console.log('TS加载间隔时间（毫秒）:',self.intervalValue);self.intervalHandle=setInterval(GetTSFile,self.intervalValue);EasyPlayer播放器项目经过多年的技术积累与实践打造，无论是在对接设备型号种类，还是在对接编码的兼容性上，都具备较高的可用性，因此如果大家有兴趣，欢迎联系我们了解。