使用来自 Azure 媒体服务的令牌播放 Widevine

Question

大家早上好，我很难尝试使用 react-native-video 添加一个简单的授权令牌来播放来自 azure 媒体服务的受广泛保护的内容。这是我的代码：

   ref={(ref: Video) => { this.video = ref }}
    source={{
      uri: "https://swannmediaservice-euwe.streaming.media.azure.net/95aae6ef-55a4-411d-9706-73890f5d2ba5/L'Homme qui courait après le Te.ism/manifest(format=mpd-time-cmaf,encryption=cenc)",type: 'mpd', 
      drm: {
        type: 'widevine', 
        headers: {
            'Authorization': 'Bearer=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczovL3d3dy5zYXRvcmlwb3AuY29tLyIsImF1ZCI6InVybjpzYXRvcmlwb3AiLCJleHAiOjE3MTA4MDczODksIm5iZiI6MTYwMTMwMDA3OH0.O_41HbAcE8kFDivOM9Q4AL2z-4TMUTLchuUoyxCdDKY'
          }
    }
    }}

此 ofc 仅用于测试目的。

当我在 Android 上测试它时，它总是在日志输出中给我这个错误：原因：java.lang.IllegalStateException：媒体需要 DrmSessionManager 我假设是因为视频无法播放。

我在 azure 媒体播放器中对此进行了测试，一切正常。这是一个 link :

https://aka.ms/azuremediaplayer?url=https%3A%2F%2Fswannmediaservice-euwe.streaming.media.azure.net%2F057936a3-2899-4d63-b287-3c50976c1bc4%2FFrench%20audiobook%20The%20Caliph%20A2x_.ism%2Fmanifest(format%3Dmpd-time-csf%2Cencryption%3Dcenc)&widevine=true&widevinetoken=Bearer%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczovL3d3dy5zYXRvcmlwb3AuY29tLyIsImF1ZCI6InVybjpzYXRvcmlwb3AiLCJleHAiOjE3MTA4MDczODksIm5iZiI6MTYwMTMwMDA3OH0.O_41HbAcE8kFDivOM9Q4AL2z-4TMUTLchuUoyxCdDKY

而且效果很好。我在这里遗漏了什么吗？

平台

iOS Android ExoPlayer

视频样本

URI : https://swannmediaservice-euwe.streaming.media.azure.net/95aae6ef-55a4-411d-9706-73890f5d2ba5/L'Homme que courait après le Te.ism/manifest(format=mpd-time-cmaf,encryption=cenc)

Header: Bearer=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczovL3d3dy5zYXRvcmlwb3AuY29tLyIsImF1ZCI6InVybjpzYXRvcmlwb3AiLCJleHAiOjE3MTA4MDczODksIm5iZiI6MTYwMTMwMDA3OH0.O_41HbAcE8kFDivOM9Q4AL2z-4TMUTLchuUoyxCdDKY

Answer 1

可能是它来自可能有问题的清单名称。我建议不要使用重音字符或像 ' 这样的特殊字符，因为名称会在流媒体中公开 Url。尽可能删除空格。为此，请重命名源文件，re-encode 内容，然后再试一次。

Answer 2

好吧，自从 我找到了自己的问题，这里是解决方案：

由于 azure media services 咨询他们自己的许可服务来播放媒体（而不是使用 3d 方许可服务），exoplayer 没有意识到这一点并尝试播放视频，即使响应中有 licenseServer （清单设置）或不，因为它需要一个 licenseService 粘贴在它的 DRM 设置中，所以它可以使用它来获取许可证并传递 Header。所以基本上，当我没有使用 licensServer 并认为一切都自动运行时，我错了。所以我的代码在做什么，是：它从任何地方请求许可证，并且它不会工作。因此，您必须解析来自 link 的数据，手动 提取许可服务器 并将其添加到请求中，如下所示：

 ref={(ref: Video) => { this.video = ref }}
    source={{
      uri: "your mpd url",type: 'mpd', 
      drm: {
        type: 'widevine', 
        licenseServer: 'the Parsed license server form the mpd file',
        headers: {
            'Authorization': 'Bearer=yourtoken'
          }
    }
    }}

已实施，现在一切正常。

使用来自 Azure 媒体服务的令牌播放 Widevine

Playback Widevine with token from Azure Media Services

azure-media-services

react-native

react-native-video