Reactjs 反应玩家和授权所需的问题

我正在开发一个应用程序，其中服务器流式传输一些视频文件，基于ReactJS的客户端可以使用

当我使用ReactPlayer组件中的普通url变量播放流时，一切都很好。但现在我需要在头中传递一些数据（授权令牌）和请求以访问流

理想的做法是使用Fetch API以某种方式向流发出请求，然后只将视频数据绕过ReactPlayer组件，但我不确定这是否可行

玩家是否支持这种情况？如果没有，我如何才能做到这一点，或者我是否可以使用任何其他通用视频播放器来支持定制请求制作

---

如果这很重要，后端服务器是一个基于Flask的RESTAPI应用程序。

我使用的解决方案是在加载流时修改HLS发送的XHR请求。 这是通过给

ReactPlayer

组件一些hls选项来实现的：

          <ReactPlayer
              config={{
                file: {
                  hlsOptions: {
                    forceHLS: true,
                    debug: false,
                    xhrSetup: function(xhr, url) {
                      if (needsAuth(url)) {
                        xhr.setRequestHeader('Authorization', getToken())
                      }
                    },
                  },
                },
              }}
            />

hls的选项列表可用

您可以使用此选项，因为

react player

版本

1.1.2

根据