Chrome 62 中的媒体更新

François Beaufort
François Beaufort
GitHub

适用于 Android 的永久许可

加密媒体扩展 (EME) 中的永久性许可意味着许可可以保留在设备上，以便应用可以将许可加载到内存中，而无需向服务器发送另一个许可请求。这就是 EME 支持离线播放的方式。

到目前为止，ChromeOS 是唯一支持永久许可的平台。事实证明这一点现在不复存在。现在，您也可以在 Android 上通过 EME 在设备离线时播放受保护的内容。

const config = [{
  sessionTypes: ['persistent-license'],
  videoCapabilities: [{
    contentType: 'video/webm; codecs="vp09.00.10.08"',
    robustness: 'SW_SECURE_DECODE' // Widevine L3
  }]
}];

// Chrome will prompt user if website is allowed to uniquely identify
// user's device to play protected content.
navigator.requestMediaKeySystemAccess('com.widevine.alpha', config)
.then(access => {
  // User will be able to watch encrypted content while being offline when
  // license is stored locally on device and loaded later.
})
.catch(error => {
  // Persistent licenses are not supported on this platform yet.
});

您可查看示例媒体 PWA 并执行以下步骤，来自行试用永久性许可：

  1. 转到 https://biograf-155113.appspot.com/ttt/episode-2/
  2. 点击“允许离线阅读”，然后等待视频下载完成。
  3. 开启飞行模式。
  4. 点击“播放”按钮，尽情欣赏视频吧！

适用于 Android 的 Widevine L1

您可能已经知道，所有 Android 设备都必须支持 Widevine 安全等级 3 (Widevine L3)。不过，目前也有许多设备还支持最高安全级别：Widevine 安全级别 1。采用 Widevine 安全级别 1，所有内容处理、加密和控制都在可信执行环境 (TEE) 内执行。

好消息！Chrome（Android 版）现在支持 Widevine L1，以便以最安全的方式播放媒体内容。请注意，Chrome 操作系统已支持此功能。

const config = [{
  videoCapabilities: [{
    contentType: 'video/webm; codecs="vp09.00.10.08"',
    robustness: 'HW_SECURE_ALL' // Widevine L1
  }]
}];

// Chrome will prompt user if website is allowed to uniquely identify
// user's device to play protected content.
navigator.requestMediaKeySystemAccess('com.widevine.alpha', config)
.then(access => {
  // User will be able to watch encrypted content in the most secure way.
})
.catch(error => {
  // Widevine L1 is not supported on this platform yet.
});

Shaka Player 是自适应媒体格式（例如 DASH 和 HLS）的 JavaScript 库，提供了一个演示，供您试用 Widevine L1：

  1. 转到 https://shaka-player-demo.appspot.com/demo/，然后在出现提示时点击“允许”。
  2. 选择“Angel One (multicodec、multilingual、Widevine)”。
  3. 在“配置”部分的“视频稳健性”字段中输入 HW_SECURE_ALL。
  4. 点击“加载”按钮，尽情欣赏视频吧！

后台视频轨道优化（仅限 MSE）

Chrome 团队一直在努力寻找新的方法来延长电池续航时间，Chrome 62 也不例外。

现在，如果视频使用媒体来源扩展程序 (MSE)，那么当视频在后台（例如，在不可见的标签页中）播放时，Chrome 会停用视频轨道。如需了解详情，请参阅上一篇文章。

在直播 MSE 流中自定义可寻址范围

您可能已经知道，seekable 属性包含浏览器可以跳转到的媒体资源的范围。通常，它包含从 0 开始，并在媒体资源时长结束的单个时间范围。但是，如果无法获知时长（例如直播），时间范围可能会不断变化。

好消息是，您现在可以通过提供或移除与当前缓冲范围联合的单个可查找范围，从而使用媒体来源扩展 (MSE) 更高效地自定义 seekable 范围逻辑。当媒体来源时长为 +Infinity 时，它会生成一个同时适合这两者的可搜索范围。

在下面的代码中，媒体来源已附加到某个媒体元素，且仅包含其 init 片段：

const mediaSource = new MediaSource();
...

mediaSource.duration = +Infinity;
// Seekable time ranges: { }
// Buffered time ranges: { }

mediaSource.setLiveSeekableRange(1 /* start */, 4 /* end */);
// Seekable time ranges: { [1.000, 4.000) }
// Buffered time ranges: { }

// Let's append a media segment that starts at 3 seconds and ends at 6.
mediaSource.sourceBuffers[0].appendBuffer(someData);
// Seekable time ranges: { [1.000, 6.000) }
// Buffered time ranges: { [3.000, 6.000) }

mediaSource.clearLiveSeekableRange();
// Seekable time ranges: { [0.000, 6.000) }
// Buffered time ranges: { [3.000, 6.000) }

上文未介绍许多情况，因此建议您尝试查看官方示例，了解已缓冲和可查找的时间范围对不同 MSE 事件的反应。

计划发布 | Chrome 状态跟踪器 | Chromium bug

MSE 的 MP4 格式 FLAC

从 Chrome 56 开始，常规媒体播放就一直支持无损音频编码格式 FLAC。之后不久就添加了对 ISO-BMFF 中的 FLAC（在 MP4 中又称为 FLAC）的支持。现在，对于 Media Source Extensions (MSE)，您可以在 Chrome 62 中使用 MP4 格式的 FLAC。

请注意，Firefox 人员开发并实现了对 FLAC in MP4 封装规范的支持，BBC 一直在尝试将其与 MSE 结合使用。您可以阅读 BBC 的“传送 3 号电台音乐会声音”帖子了解详情。

检测 MSE 是否支持 MP4 中的 FLAC 的方法如下：

if (MediaSource.isTypeSupported('audio/mp4; codecs="flac"')) {
  // TODO: Fetch data and feed it to a media source.
}

如需查看完整示例，请参阅我们的官方示例。

计划发布 | Chrome 状态跟踪器 | Chromium bug

当设备旋转时，视频自动进入全屏模式

如果在视口中播放视频时将设备旋转为横屏模式，则播放将自动切换到全屏模式。将设备旋转为竖屏模式后，视频会重新进入窗口模式。如需了解详情，请参阅我们以往的文章。