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需要发送id和令牌从HTTP头。

有人知道如何在HLS.js中添加HTTP头吗？

Answer 1

尝试使用xhrSetup。

​

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

​