图片 2.png 3、Js顺序加载失败 如果是这个场景,那需要保证hls.js在tcplayer.js前引入,tcplayer.js加载并初始化播放器后,需要通过hls.js来播放hls视频,如果hls.js...在tcplayer.js之后引入,播放器初始化成功并调用hls.js进行视频播放器的时候,hls.js可能并未加载成功,导致播放失败,原来用户播放失败是这里没有调整好。...错误示例: 图片 3png.png 正确示例: 图片 4.png ps:有些情况下,通过动态加载js,虽然hls.js在tcplayer.js前,但是动态加载并不能保证加载顺序按照对应的顺序加载,hls.js...可能也会偶尔在tcplayer.js后加载,导致偶现报错code4. 4、获取不到资源 超级播放器是根据页面代码中appid和fileid发送请求给点播后台,后台根据对应的appid和fileid返回对应的视频信息
= 0; // i=1表示为.m3u8文件,o=0表示不为.flv文件 解密接口传来的m3u8索引文件 实际的播放并不在tcpalyer.js中,而是调用了另外的js,即hls.js,由下面的源码(tcplayer.js...)可知,在没有指定hls的版本时,tcplayer默认使用0.12.4版本 // tcplayer.js hls: o.hls || "0.12.4", 在hls.js文件中: // hls.js e.readyState...t.response).byteLength : (u = t.responseText).length, n.loaded = n.total = d; 由于使用了改造过的hls.js文件,所以回到tcplayer.js...文件,定位"f.CDNPath + r",可以找到如下代码: // tcplayer.js f.CDNPath='https://imgcache.qq.com/open/qcloud/video/vcplayer...h.loadScript(f.unifyProtocol(f.CDNPath + r), function () { 将引用的hls.js文件加一个判断,如代码: // tcplayer.js 加入对encryptHls
tcplayer.js 运行player.currentTime()设置时间点问题 qq浏览器下使用出现bug:Uncaught TypeError: Cannot read property 'playerSeek
}修改如下: 不涉及tcplayer的使用以及框架如何调用,详情请看腾讯云点播文档 源码解析中有些注释是笔者加的,如需定位,请不要复制注释 以下示例的代码为重新混淆压缩过,可能与原来的tcplayer.js...tcplayer,但是又受限于播放器本身不带有防盗录功能的开发人员 不适合没有任何前端基础的小白,请谨慎观看git地址https://github.com/HaverLee1/hls-player源码改造tcplayer.js
this, a)) } 不涉及tcplayer的使用以及框架如何调用,详情请看腾讯云点播文档 源码解析中有些注释是笔者加的,如需定位,请不要复制注释 以下示例的代码为重新混淆压缩过,可能与原来的tcplayer.js
领取专属 10元无门槛券
手把手带您无忧上云