怎么解決RTMP視頻流報錯導致IE瀏覽器無法正常播放的問題？

這篇文章主要介紹“怎么解決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瀏覽器無法正常播放的問題？”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！