问题描述
我正在尝试使用 Video.js 从 Microsoft Azure 加载一些视频内容，我需要为 SharedKey 授权添加一些标头。几天来，我一直在尝试各种方法并进行研究，但我遇到了砖墙，确实需要一些帮助。
需要注意的是，这是针对使用 Angular/Cordova 编写的移动应用程序。
Azure 建议我们这样做：
https://docs.microsoft.com/en-us/azure/media-services/latest/player-how-to-video-js-player
基本上，通过将函数附加到 videojs.Hls.xhr.beforeRequest。
不幸的是，这种方法存在几个问题。这是 videojs 问题跟踪器中的一张票，试图寻找这些问题的解决方案：
https://github.com/videojs/video.js/issues/7207
总结：
1- 我们没有使用 HLS/DASH。我们正在从 blob 存储加载 mp4 文件。而 videojs“将其直接交给浏览器，它会处理所有内容的加载，同时不提供这组额外的功能。”
2- 即使我们要转换媒体并使用 HLS，“此方法也不可用，因为带有 HLS 的 Safari 使用本机播放。”。 （那么我们需要使用 DASH 吗？或者这在 Safari 上也不起作用？）
3- 仍然无法为字幕轨道添加标题，无论我们使用原生字幕，还是通过 videojs.players.video.addRemoteTextTrack 添加它们。
我也尝试过其他替代方法，例如
1- 尝试使用 xhook 拦截它。
2- 尝试使用@angular/common/http/HttpInterceptor。
两种方法都不起作用。
所以，我的问题是：
1- 是否有一种方法可以让我向浏览器本机发出的请求添加/注入标头？
2- 是否可以通过授权 cookie 来完成？我在其他一些问题中看到了这一点，但我找不到任何具体的例子，我不确定它如何与 Azure 一起工作。
3- 如果所有其他方法都失败了，是否还有其他视频播放器可以在授权选项方面提供更好的支持？
任何其他建议也将不胜感激。谢谢。
解决方法
考虑到您直接在 Azure 存储中提供作为 blob 存储的视频文件，您可以使用 Shared Access Signature (SAS)。 SAS 提供对 blob 的限时、权限绑定访问。
它的工作方式是，当用户请求播放视频时，您需要向后端服务发送请求。您的后端服务将为 blob 创建一个 SAS 令牌，该令牌具有 Read 权限（播放视频只需要此权限）和一些到期日期（取决于视频的长度）。您的后端服务将返回 blob 的 SAS URL（类似于 blob-url?sas-token），视频播放器将使用它来播放视频。
您可以在此处找到有关共享访问签名的更多信息：https://docs.microsoft.com/en-us/rest/api/storageservices/delegate-access-with-shared-access-signature。您需要为 blob 创建一个 Service SAS。