HLS.JS 自定义 分片 TS 请求 URL

栏目: 后端 · 前端 · 发布时间: 5年前

内容简介:很早之前写过hls.js 源码解读【1】 ,基本分析了默认情况下,我们并不需要对解析出来的 ts 分片地址做改造,但是如果真的需要的话,其实有两个思路。思路 1 复写 Loader 。

很早之前写过hls.js 源码解读【1】 ,基本分析了 hls.js 这个库的设计和实现。阅读源码一方面是为了吸收对方设计或者编码上的优点,当然也有可能是另外一个原因,就是一些需求从表面的文档里找不到具体的实现思路。

默认情况下,我们并不需要对解析出来的 ts 分片地址做改造,但是如果真的需要的话,其实有两个思路。

思路 1 复写 Loader 。

自己实现一个关于请求的 Loader ,通过配置传入类似;

class XhrLoader extends Hls.DefaultConfig.loader {

  constructor(config) {
    super(config);
    var load = this.load.bind(this);
    this.load = function(context, config, callbacks) {
      // your code to handle context.url
      load(context,config,callbacks);
    };
  }
}

  var hls = new Hls({
    Loader : XhrLoader,
  });

当然这样无疑增加了一些实现成本,还有一个思路,就是设置 xhrSetup 文档

const { source } = this.player;
    config.xhrSetup = (xhr, url) => {
      if (/\.mp4/.test(url)) {
        url =  url + '?_q=....'
        xhr.open('GET', url, true);
      }
    };

尤其,需要重视要设置完成后的立即 open ,目的是为了改变 XMLHttpRequestreadyState 状态。这段代码可以在源码

https://github.com/dailymotion/hls.js/blob/master/src/utils/xhr-loader.js#L61-L71

看到。

总的来说这些都是比较深入的操作,常规的播放应该都还是非常好上手。


以上所述就是小编给大家介绍的《HLS.JS 自定义 分片 TS 请求 URL》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Flash ActionScript 3.0 动画高级教程

Flash ActionScript 3.0 动画高级教程

Keith Peters / 苏金国、荆涛 / 人民邮电出版社 / 2010-1 / 65.00元

《Flash ActionScript 3.0 动画高级教程》是介绍Flash 10 ActionScript动画高级技术的经典之作,是作者在这一领域中多年实践经验的结晶。书中不仅涵盖了3D、最新绘图API以及Pixel Bender等Flash 10 ActionScript特性,深入介绍了碰撞检测、转向、寻路等Flash游戏开发技术,还通过实例具体讲解了等角投影和数值积分的基本理论和应用。 ......一起来看看 《Flash ActionScript 3.0 动画高级教程》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具