hls播放m3u8 添加header请求头，在请求ts的url上添加参数

找了很久没有找到相关的方法，无赖自己研究hls,终于搞定，分享一下吧

使用hls xhr配置项 xhrSetup 方法添加请求头

 const Hls = new Hls({ fragLoadingTimeOut: 2000 });Hls.on(Hls.Events.MEDIA_ATTACHED, () => {// M3U8 播放地址 props.srcHls.loadSource(props.src);Hls.config.xhrSetup = (xhr, url) => {// 请求ts的url 添加参数 props.fileidurl = url + "?t=" + props.fileid;// 这一步必须 告诉hls重新发送ts请求xhr.open("GET", url, true);// header 添加参数xhr.setRequestHeader("token", props.token);xhr.setRequestHeader("initiatorIndex", props.initiatorIndex);};});

附上hls git地址

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

hls播放m3u8 添加header请求头，在请求ts的url上添加参数相关推荐

前端cookie 放到请求头_ajax请求携带cookie和自定义请求头header（跨域和同域）
错误: 1.ajax请求时是不会自动带上cookie的,要是想让他带上的话,必须设置withCredential为true. 正确: 1.ajax同域请求下,ajax会自动带上同源的cookie: 2 ...
Android中使用logger打印完整的okhttp网络请求和响应的所有相关信息（请求行、请求头、请求体、响应行、响应行、响应头、响应体）
如果你的项目中的网络请求库是Retrofit的话,他的底层封装的是OkHttp,通常调试网络接口时都会将网络请求和响应相关数据通过日志的形式打印出来.OkHttp也提供了一个网络拦截器okhttp-l ...
Python爬虫——2.底层操作和请求头、请求代理以及cookie操作
本文章此节主要讲解: ·爬虫程序urllib2模块底层操作: ·请求头的设置和添加: ·请求代理的种类和类型: ·关于cookie的操作(手动添加/程序自动获取) 一.爬虫底层操作和请求头的设置 1. ...
Request(请求继承体系，获取请求行，请求头，请求体和通用的获取请求数据和解决乱码问题)
Request(请求继承体系,获取请求行,请求头,请求体和通用的获取请求数据和解决乱码问题) 1.Request(请求) Request继承体系要想了解RequestFacade中都提供了哪些方法, ...
HttpServletRequest对象，请求行、请求头、请求体
HttpServletRequest 公共接口类HttpServletRequest继承自ServletRequest.客户端浏览器发出的请求被封装成为一个HttpServletRequest对象.对 ...
HTTP请求行、请求头、请求体解
HTTP请求行.请求头.请求体详解 HTTP响应头和请求头信息对照表 HTTP请求方法对照表 HTTP状态码对照表 HTTP请求报文解剖 HTTP Request :HTTP请求 Request Li ...
http请求头获取请求链接_我们如何设计文件请求链接
http请求头获取请求链接 File Request Links is a new feature we implemented which allows users to receive files ...
HTTP常用请求头与请求体实例
HTTP概要 HTTP协议(HyperText Transfer Protocol,超文本传输协议)是因特网上应用最为广泛的一种网络传输协议,所有的WWW文件都必须遵守这个标准. HTTP基于TCP/ ...
java 过滤http请求头_JAVAWEB开发实现对请求头、请求参数的过滤
1.服务器容器取得客户端发送的参数都是通过HttpServletRequest来获取的,HttpServletRequest存在如下三种获取参数的方法: getParameter(name),返回单个 ...

hls播放m3u8 添加header请求头，在请求ts的url上添加参数

hls播放m3u8 添加header请求头，在请求ts的url上添加参数相关推荐

最新文章

热门文章