13518219792
这篇文章主要介绍“怎么解决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浏览器无法正常播放的问题？”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
