Chrome 70 版媒體更新

François Beaufort
François Beaufort

使用子母畫面觀看影片

使用者可透過子母畫面 (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 中的受保護內容設定。