HLS.js 需要发送 http 标头

Question

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>

<video id="video" controls></video>

<script>
if (Hls.isSupported()) {
  const video = document.getElementById('video');
  const hls = new Hls();
  hls.attachMedia(video);

  hls.on(Hls.Events.MEDIA_ATTACHED, function () {
    hls.loadSource("http://foo.com/abc.m3u8");
  });

}
</script>


http header
id: 123
token: 456

我有一个视频需要 API 链接，该 API 需要从 HTTP 标头发送 id 和令牌。

有谁知道如何将 HTTP 标头添加到 HLS.js 中？

Answer 1

尝试使用xhrSetup.

const hls = new Hls({
  xhrSetup: xhr => {
    xhr.setRequestHeader('id', 1)
    xhr.setRequestHeader('token', 456)
  }
})