javascript - 将自定义 header 添加到 videojs 播放器源

Question

我有一个处理流式视频 m3u8 文件的后端 api(使用 express)。

http://localhost:3000/api/stream.m3u8

此端点仅适用于适当的用户 token。

路由器

router.get('/api/stream.m3u8', controller.stream);

控制者

exports.stream = function(req, res) {
   var token = ''; // ? not sure how to get access to a sent up token
   if (!token) res.status(401).json('Not authorized');
   // if token is valid, proceed
};

在前端，我用的是videojs。

 var player = videojs('my-player', {})

 // set source to my backend api m3u8 file
 player.src({
    src: 'http://localhost:3000/api/stream.m3u8',
    type: 'application/x-mpegURL'
  });

有没有办法向 videojs 插件添加自定义 header 以将数据发送到我的后端？

Answer 1

Videojs 初始化发生在客户端，因此您需要在此初始化之前传递 token 。我建议您使用 ajax 初始化 Videojs 并使用 Ajax 发送 token 。我希望它有所帮助。