Chrome 70 版媒體更新

François Beaufort
François Beaufort
GitHub

使用子母畫面觀看影片

使用者可透過子母畫面 (PiP) 功能，在浮動式視窗 (一律位於其他視窗上方) 中觀看影片，讓他們在與其他網站或應用程式互動時，仍能持續觀看影片。有了新的Picture-in-Picture Web API，您就能在網站上啟動及控制 Picture-in-Picture 功能。

詳情請參閱這篇文章。

AV1 解碼器

AV1 是開放媒體聯盟開發的新一代編解碼器。AV1 的壓縮效率比目前最先進的影片轉碼器 VP9 高出 30%。Chrome 70 會根據官方位元組串規格，在 Chrome 電腦版 x86-64 中新增 AV1 解碼器。目前僅支援「Main」profile 0，不包括編碼功能。支援的容器為 MP4 (ISO-BMFF)。如要簡單瞭解容器，請參閱「容器和編解碼器」一文。

如要試用 AV1：

  1. 前往 YouTube TestTube 頁面。
  2. 選取「Prefer AV1 for SD」或「Always Prefer AV1」，即可取得所需的 AV1 解析度。請注意，在較高解析度下，AV1 在部分裝置上更有可能發生播放效能問題。
  3. 請嘗試播放 AV1 測試版推出播放清單中的 YouTube 短片。
  4. 在「統計資料」中確認轉碼器 av01。
統計資料：YouTube 中的 AV1
統計資料：YouTube 中的 AV1 技術。

支援 MSE 中的編解碼和容器切換

Chrome 新增支援Media Source Extensions 播放時的跨編解碼或跨位元流轉場效果，方法是使用 SourceBuffer 上的新 changeType() 方法。這可讓附加至 SourceBuffer 的媒體位元組類型在之後變更。

目前版本的 MSE 支援媒體的適應式播放功能；不過，適應功能要求任何附加至 SourceBuffer 的媒體都必須符合透過 MediaSource.addSourceBuffer(type) 初始建立 SourceBuffer 時提供的 MIME 類型。該類型的編解碼和先前剖析的初始化區段必須保持一致。也就是說，網站必須採取明確的步驟來完成編解碼或位元組流切換 (使用多個媒體元素或 SourceBuffer 音軌，並在其中切換)，進而增加應用程式複雜度和使用者可見的延遲時間。(這類轉場效果需要網路應用程式在轉譯器主執行緒上執行同步動作)。這項轉換延遲時間會影響媒體在轉換期間的播放流暢度。

透過新的 changeType() 方法，SourceBuffer 可緩衝並支援不同 位元組串流格式和轉碼器的播放。這個新方法會保留先前已緩衝的媒體，並扣除未來 MSE 編碼影格淘汰或移除的部分，並利用現有 MSE 編碼影格處理演算法中的拼接和緩衝邏輯。

以下是 changeType() 方法的使用方式：

const sourceBuffer = myMediaSource.addSourceBuffer('video/webm; codecs="opus, vp09.00.10.08"');
sourceBuffer.appendBuffer(someWebmOpusVP9Data);

// Later on...
if ('changeType' in sourceBuffer) {
  // Change source buffer type and append new data.
  sourceBuffer.changeType('video/mp4; codecs="mp4a.40.5, avc1.4d001e"');
  sourceBuffer.appendBuffer(someMp4AacAvcData);
}

如預期，如果瀏覽器不支援傳入的類型，這個方法會擲回 NotSupportedError 例外狀況。

請查看範例，瞭解如何使用跨轉碼器和跨位元組串流緩衝功能，以及播放音訊元素。

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

MSE 適用的 MP4 中的 Opus

自 Chrome 33 起，<audio> 和 <video> 元素已支援開放且功能多元的音訊轉碼器 Opus。之後，我們也新增了 ISO-BMFF 中的 Opus 支援功能 (又稱為 MP4 中的 Opus)。如今，Chrome 70 已支援 MP4 格式的 Opus 檔案，可用於媒體來源擴充功能。

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

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

如需完整範例，請查看我們的官方範例。

由於缺乏用於在 MP4 中以正確的結尾修剪和預跳值 mux Opus 的工具，如果您重視這類精確度，就必須在 Chrome 中使用 SourceBuffer.appendWindow{Start,End} 和 SourceBuffer.timestampOffset，才能獲得取樣精確的播放效果。

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

預設允許在 Android 上播放受保護的內容

在 Android 版 Chrome 70 中，「受保護內容」網站設定的預設值已從「先詢問」變更為「允許」，降低播放這類媒體的摩擦力。這項異動之所以可行，部分原因在於我們採取額外步驟，一併清除媒體授權和 Cookie 與網站資料，確保網站不會使用媒體授權追蹤已清除瀏覽資料的使用者。

ALT_TEXT_HERE
Android 中的受保護內容設定。