Safari 和 IE 浏览器中 DRM 内容的加密事件等效项

Question

我们在 Chrome 浏览器中使用加密事件来了解视频内容受 DRM 保护，当我们的播放器收到该事件时，我们开始创建会话并从服务器请求 DRM 密钥。但是这个事件在 Safari 和 IE 浏览器中是不支持的。任何人都可以建议我们需要监听哪个事件，以便 Safari 等其他浏览器知道视频已停止播放，因为它受 DRM 保护？

Answer 1

首先，值得一提的是，现在所有主流浏览器的最新版本都支持加密媒体扩展（EME）来播放加密流媒体视频。如果您使用的是常见的第 3 方 Javascript 播放器之一，例如BitMovin 或 JWPlayer，那么跨浏览器播放加密内容应该 'just work'.

EME 是一种扩展机制，允许浏览器在 HTML5 视频功能的基础上检测加密内容、请求密钥并使用密钥安全地解密和播放加密内容。

EME 本身是一个 API，它定义了应用程序、浏览器、媒体播放器和 CDM（内容解密模型）之间的交互。它由 W3.org 指定，下图形成了最新的规范，给人一种良好的流程感觉：

您可以看到浏览器在从 CDN（不是 CDM...）接收媒体时检测到媒体已加密。浏览器将创建一个 'encrypted' 事件并将其发送回您的应用程序（或任何已注册以收听视频事件的应用程序）。

有两种方法，AFAIAW，可以查看加密事件 - 你可以像这样注册一个监听器（见这个例子 - https://www.html5rocks.com/en/tutorials/eme/basics/ ）：

var video = document.querySelector('video');
video.addEventListener('encrypted', handleEncrypted, false);

或者您可以将其作为属性包含在内（参见上面链接的 EME 规范中的示例）：

<video autoplay onencrypted='handleInitData(event)'></video>

但是，正如您所说，目前所有浏览器都不支持该事件 - 最新支持在这里：https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/onencrypted#Browser_compatibility

在没有此支持的情况下，您可以做的一件事是查看视频元数据本身，以确定视频是否已加密。

对于 MPEG DASH 分段 MP4 视频，信息将位于以下一个或两个位置：

在清单文件（mpd 文件）中。
在 mp4 流本身的 header 中 - PSSH 'atom' 或框。

大多数受 DASH 保护的文件都将在清单中包含信息，应该很容易检查 - 它看起来像这样：

</AdaptationSet>
        <AdaptationSet segmentAlignment="true" group="1" maxWidth="852" maxHeight="480" maxFrameRate="24" par="16:9" lang="und">
            <ContentProtection schemeIdUri="urn:mpeg:dash:mp4protection:2011" value="cenc" cenc:default_KID="80399bf5-8a21-4014-8053-e27e748e98c0" />
            <ContentProtection value="ClearKey1.0" schemeIdUri="urn:uuid:e2719d58-a985-b3c9-781a-b030af78d30e">
                <clearkey:Laurl Lic_type="EME-1.0">https://drm-clearkey-testvectors.axtest.net/AcquireLicense</clearkey:Laurl>
            </ContentProtection>

此示例使用 clearKey，但从您的角度来看，重要的一点是清单中存在 'ContentProtection' 属性。

同样，如果您的视频使用 HLS 进行流式传输，则 m3u8 播放列表（清单的 HLS 等价物）将有一个指示器，表明媒体已加密，您可以查看。这是 'EXT-X-KEY' 标志：

#EXT-X-KEY:METHOD=AES-128,URI="http://AKeyServer/sceret.key"

视频播放器流式传输视频的方式使用 HTML5 媒体源扩展机制 (https://www.w3.org/TR/media-source/)。这允许您将视频源设置为本地 object 而不是视频 URL。玩家可以查看清单以获取他们想要播放的视频流的 URL，然后通过分块下载该视频块，将其附加到本地 'src' object 作为他们去。浏览器视频播放器从这个 object 获取视频，就好像它是常规视频文件源一样。

这里有一个被广泛分享的示例，它有助于演示该方法：https://developers.google.com/web/updates/2011/11/Stream-video-using-the-MediaSource-API

所以 Javascript 玩家实际上只需要被告知清单文件本身的 Url - 每个人都有不同的方法来获得它，但是你可以通过查看 Shakaplayer 来了解它是如何做到的在 Github (https://github.com/google/shaka-player) 的来源并搜索术语 'manifestInput'（在撰写本文时正确） - 从这里您可以追踪 Shakaplayer 如何接受此输入，解析清单文件然后播放视频流。

Safari 和 IE 浏览器中 DRM 内容的加密事件等效项

Encrypted event equivalent for DRM content in safari and IE browsers

javascript

safari

internet-explorer

drm

html5-video