网页无插件视频流媒体播放器EasyPlayer.JS切换多清晰度码流播放报错，该如何调试？

EasyPlayer是一款流媒体播放器系列项目，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放，支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性，核心基于ffmpeg，稳定、高效、可靠、可控。

我们将EasyPlayer.JS播放器集成进EasyDSS视频平台，就能够实现EasyDSS的视频流网页无插件直播，并且能够切换不同清晰度的码流进行播放，多方面满足用户的需求。

我们的测试人员发现在EasyDSS播放点播文件，切换多清晰码流时，播放器出现“No compatible source was found for this ”错误显示。

找到控制多清晰码流的代码，打印this.playerUrl 发现this.playerUrl 为空，从以下代码中可以看到实际用到地址为 this.videoURl。

 loadResolutionlist(p) {if (this.isresolution) {var rlist = this.resolution.split(",");var pset = [];var newURL;var defaultIndex = 0;for (var i = 0; i < rlist.length; i++) {if (rlist[i] == this.resolutiondefault) {defaultIndex = i;}if (rlist[i] == "yh") {newURL = this.playerUrl;} else {newURL = this.playerUrl.replace(".m3u8", "_" + rlist[i] + ".m3u8");}pset.push({src: newURL,type: this.videoType,label: this.resolutionName[rlist[i]],res: rlist[i]});}p.updateSrc(pset);}}

我们需要做的就是把this.playerUrl 改为 this.videoURl。

loadResolutionlist(p) {if (this.isresolution) {var rlist = this.resolution.split(",");var pset = [];var newURL;var defaultIndex = 0;for (var i = 0; i < rlist.length; i++) {if (rlist[i] == this.resolutiondefault) {defaultIndex = i;}if (rlist[i] == "yh") {newURL = this.videoUrl;} else {newURL = this.videoUrl.replace(".m3u8", "_" + rlist[i] + ".m3u8");}pset.push({src: newURL,type: this.videoType,label: this.resolutionName[rlist[i]],res: rlist[i]});}p.updateSrc(pset);}}

修改后重启项目，切换多清晰度，显示正常，不再报错。

网页无插件视频流媒体播放器EasyPlayer.JS切换多清晰度码流播放报错，该如何调试？相关推荐

网页全终端安防视频流媒体播放器EasyPlayer.js如何实现在web浏览器播放H.265编码视频？
目前安防监控行业,基本所有的摄像头都支持H264编码,但是已经有部分摄像头开始支持H265,并且支持H265的摄像机已经越来越多.H265相比H264有着很多优势,压缩更高,网络传输消耗的带宽更小,相 ...
网页无插件视频流媒体播放器EasyPlayerPro-IOS版如何解决有声音无画面的问题？
近期我接到两个不同的用户反馈,称将EasyPlayerPro集成进iOS播放器里,出现了声音存在,但没有画面显示的现象.对于此我也比较纳闷,因此我逐个排查了一下原因. 原因一:视频编码静态库未配置在 ...
视频流媒体播放器EasyPlayer.js如何实现在FLV直播流断流恢复后自动重连？
背景分析 EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进行过优化的流媒体播放器,其中我们引以为傲的两个技术优势就是起播速度快和播放延迟低.最 ...
H265编码视频流媒体播放器EasyPlayer.js支持9宫格视频同屏播放的写法
TSINGSEE青犀视频开发的播放器项目EasyPlayer有很多个分支,其中 EasyPlayer.js就是集成在EasyNVR.EasyGBS等平台内进行直播的网页播放器,并且EasyPlayer ...
【疑难解决】H265编码流媒体播放器EasyPlayer.js播放HLS H265视频流，遇到黑屏如何排查？
在部分采用H265播放器EasyPlayer.js播放HLS视频流的用户中,有位用户反馈HLS使用了H265编码格式,收到了请求的TS文件,控制台未见报错,但是画面一直黑屏,无法正常播放视频,让我们协 ...
H.265流媒体播放器EasyPlayer.js集成时页面报错出现“X”，该如何解决？
在上几期的文章中,我们介绍了关于EasyPlayer流媒体播放器最近更新的一些功能和细节优化,包括网页实时录像.ios端低延迟直播,以及如何删除或替换播放器loading样式等,感兴趣的用户可以翻阅我 ...
EasyNVR摄像头网页无插件直播H5、谷歌Chrome直播方案中如何降低播放延迟问题
背景分析众所周知,为了让用户更好的了解与使用EasyNVR,熟悉EasyNVR的相关功能,将EasyNVR与本地应用场景更好的融合,我们团队提出产品免费试用的理念.只要我们的产品符合用户的使用场景, ...
网络摄像头RTSP拉流协议网页无插件视频直播平台EasyNVR为什么无法获取通道接口数据？
TSINGSEE青犀视频的技术支持最近给我反馈了一个问题,关于代理EasyNVR获取通道接口返回为空的问题.代理EasyNVR的过程也是将EasyNVR集成进其他平台的过程,这个问题在集成过程中还是比 ...
html5 无插件视频播放器,多功能流媒体播放器网页无插件直播EasyPlayer.js如何实现播放完自动循环播放...
原标题:多功能流媒体播放器网页无插件直播EasyPlayer.js如何实现播放完自动循环播放 EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进 ...

网页无插件视频流媒体播放器EasyPlayer.JS切换多清晰度码流播放报错，该如何调试？

网页无插件视频流媒体播放器EasyPlayer.JS切换多清晰度码流播放报错，该如何调试？相关推荐

最新文章

热门文章