hls.js自定义分片请求

我们可以使用 xhrSetup自定义 hls.js 分片请求，可以在分片请求的时候设置一些额外的请求参数，例如请求头信息、超时时间等等。

这里是一个使用 xhrSetup 自定义分片请求的示例代码：

const customXhrSetup = (xhr, url) => {
  // 设置超时时间为 10 秒
  xhr.timeout = 10000;

  // 设置请求头信息
  xhr.setRequestHeader("Authorization", "Bearer " + localStorage.getItem("token"));

  // 将自定义的请求参数添加到 URL 中
  url = url + "?param1=value1&param2=value2";

  return xhr;
}

const hls = new Hls({
  // ...
  xhrSetup: customXhrSetup,
});

在 xhrSetup 中，通过修改传入的 XMLHttpRequest 对象 (xhr) 和 URL 字符串来实现自定义分片请求。用户可以设置各种请求参数，包括但不限于请求头信息、请求超时时间、查询字符串参数等等。

在 xhrSetup 回调中，需要返回修改后的 XMLHttpRequest 对象 (xhr)，以便 Hls.js 可以使用它来发送网络请求。

注意：如果你使用的是修改后的 URL 字符串，请确保该 URL 字符串仍然包含要请求的分片路径。