Chrome 62 版媒體更新

François Beaufort
François Beaufort

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.
});

您可以試用永久授權,方法是查看Media PWA 範例,然後按照下列步驟操作:

  1. 前往 https://biograf-155113.appspot.com/ttt/episode-2/
  2. 按一下「可離線存取」,等待影片下載完成。
  3. 開啟飛航模式。
  4. 按一下「播放」按鈕,即可觀看影片!

Android 適用的 Widevine L1

您可能已知道,所有 Android 裝置都必須支援 Widevine 安全性層級 3 (Widevine L3)。不過,許多裝置也支援最高安全性層級:Widevine 安全性層級 1,在這個層級中,所有內容處理、密碼編譯和控制作業都會在受信任的執行環境 (TEE) 中執行。

好消息!Chrome 適用於 Android 的版本現在支援 Widevine L1,可讓媒體以最安全的方式播放。請注意,ChromeOS 已支援這項功能。

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 (多種編碼、多語言、Widevine)」。
  3. 在「設定」部分的「影片穩定性」欄位中輸入 HW_SECURE_ALL
  4. 按一下「載入」按鈕,即可觀看影片!

背景影片音軌最佳化 (僅限 MSE)

Chrome 團隊一直在尋找新方法來改善電池續航力,Chrome 62 也不例外。

如果影片使用媒體來源擴充功能 (MSE),Chrome 會在影片在背景播放 (例如在非顯示分頁中) 時停用影片音軌。詳情請參閱這篇文章

自訂直播 MSE 串流的可暫停範圍

如您所知,seekable 屬性包含瀏覽器可尋找的媒體資源範圍。通常包含單一時間範圍,從 0 開始,結束於媒體資源的時間長度。不過,如果無法取得持續時間 (例如直播),時間範圍可能會不斷變動。

好消息是,您現在可以使用媒體來源擴充功能 (MSE),更有效地自訂 seekable 範圍邏輯,方法是提供或移除與目前緩衝範圍結合的單一可尋找範圍。當媒體來源的時間長度為 +Infinity 時,這會產生單一可尋找範圍,適合兩者使用。

在以下程式碼中,媒體來源已附加至媒體元素,且只包含其初始化區段:

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 錯誤

MSE 適用的 MP4 中的 FLAC

自 Chrome 56 起,系統就支援在一般媒體播放中使用無損音訊編碼格式 FLAC。不久後,我們也新增了 ISO-BMFF 中的 FLAC 支援功能 (也就是 MP4 中的 FLAC)。而現在,Chrome 62 也支援 MP4 格式的 FLAC 檔案,可用於媒體來源擴充功能 (MSE)

據瞭解,Firefox 團隊開發並實作了 MP4 封裝規格中的 FLAC,而 BBC 一直在嘗試將其與 MSE 搭配使用。如需瞭解詳情,請參閱 BBC 的「Delivering Radio 3 Concert Sound」文章。

以下說明如何偵測 MSE 是否支援 MP4 中的 FLAC:

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

如需完整範例,請參閱官方範例

意圖發布 | Chrome 狀態追蹤器 | Chromium 錯誤

裝置旋轉時,影片會自動進入全螢幕模式

如果在裝置螢幕上播放影片時將裝置旋轉為橫向模式,播放模式會自動切換為全螢幕模式。將裝置旋轉為直向模式,影片就會恢復為視窗模式。詳情請參閱這篇舊文