这篇文章主要介绍“怎么解决RTMP视频流报错导致IE浏览器无法正常播放的问题?”,在日常操作中,相信很多人在怎么解决RTMP视频流报错导致IE浏览器无法正常播放的问题?问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么解决RTMP视频流报错导致IE浏览器无法正常播放的问题?”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
流媒体服务器是实现视频分发功能的服务器,而要将视频流展现出来,则需要的是视频播放器。EasyPlayer就是TSINGSEE青犀视频团队研发并使用的视频流媒体播放器,大家熟悉的EasyNVR、EasyDSS里面,集成的都是EasyPlayer播放器。
EasyPlayer分很多版本,EasyPlayer.JS就是集成进网页的网页播放器。我们用该播放器在谷歌浏览器播放RTMP视频流,出现了报错,但视频流仍然可以播放,然而换IE浏览器后,不能正常播放RTMP视频流了。
首先我们看谷歌这边报的错误,显示为XMLHttpRequest网络请求错误,说明地址写入播放器前存在问题,定位到传入地址的代码位置:
src() { if (!this.videoUrl) { return ""; } var xhr = new XMLHttpRequest(); xhr.open('GET', this.videoUrl); xhr.onreadystatechange = () => { if (/\.flv.*$/.test(xhr.responseURL || "" ) && this.typeFlv) { this.videoUrl = xhr.responseURL this.typeFlv = false }else if (/\.m3u8.*$/.test(xhr.responseURL || "")){ this.videoUrl = xhr.responseURL } }; xhr.send(null); if (this.videoUrl.indexOf("/") === 0) { return location.protocol + "//" + location.host + this.videoUrl; } return this.videoUrl; },
发现确实有一个XMLHttpRequest对象处理地址,从代码看发现RTMP不用XMLHttpRequest对象处理。
这时我们可以给地址做一层判断处理。
src() { if (!this.videoUrl) { return ""; } if (this.videoUrl.indexOf("rtmp://") === 0) { if (this.videoUrl.indexOf("/") === 0) { return location.protocol + "//" + location.host + this.videoUrl; } return this.videoUrl; } else { var xhr = new XMLHttpRequest(); xhr.open('GET', this.videoUrl); xhr.onreadystatechange = () => { if (/\.flv.*$/.test(xhr.responseURL || "" ) && this.typeFlv) { this.videoUrl = xhr.responseURL this.typeFlv = false }else if (/\.m3u8.*$/.test(xhr.responseURL || "")){ this.videoUrl = xhr.responseURL } }; xhr.send(null); return this.videoUrl; } },
判断该视频不需要处理XMLHttpRequest对象时,视频播放就会正常不会报错。
到此,关于“怎么解决RTMP视频流报错导致IE浏览器无法正常播放的问题?”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。