hls.js 播放直播流报错

最近遇到一个hls直播流跨域的问题,排查发现是因为hls.js的xhr对象没有设置跨域凭证

当m3u8直播流跨域访问,并且需要校验权限的时候,hls.js 会出现解析流错误,

Player error: mediaError - fragParsingError

cannot recover, last media error recovery failed ...


这是因为hls的xhr解析没有设置跨域授权的头,mdn地址如下
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

hls给了配置可以修改这个设置链接如下

https://github.com/video-dev/hls.js/blob/master/docs/API.md#xhrsetup

var config = {    
        xhrSetup: function(xhr, url) {      
        xhr.withCredentials = true; // do send cookies
    }
  }
  
  hls = new Hls(config);


本文标题:hls.js 播放直播流报错
本文链接:https://56way.com/p/120.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。