樣式化媒體接收器 (SMR) 可讓傳送端應用程式在投放裝置上播放媒體,而不必建立自訂接收器應用程式。您可以在註冊期間提供自己的 CSS 檔案,自訂 SMR 色彩配置和品牌宣傳。
註冊
如要為應用程式使用 SMR,請在 Google Cast SDK 開發人員控制台中新增應用程式時,選取「Styled Media Receiver」選項。詳情請參閱「註冊」一文。這個選項包含預覽預設樣式表的連結,以及可供您輸入樣式表網址的欄位。您可以使用預設樣式,或提供 CSS 檔案的 HTTPS 網址。您可以使用自己的伺服器代管 CSS 檔案。提供 CSS 檔案的網址後,您可以按一下「Preview」(預覽),查看樣式在接收器上的顯示方式。
支援的媒體
所有接收器都支援媒體類型 (如支援的媒體中所述)。
SMR 支援影片、音訊和圖片,並由使用 Cast SDK 媒體頻道的傳送端應用程式控管。SMR 完整遵守在投放裝置上播放媒體的使用者體驗指南。
類型字型
如需已預先安裝接收器的字型清單,請參閱「預先安裝的字型」。
CSS
Styled Media Receiver 使用下列 CSS 類別:
- .background:接收端的背景。
- .logo:接收端啟動時顯示的標誌。如果接收器處於閒置狀態,且未宣告 .splash 類別,也會使用這個類別。
- .progressBar:媒體播放的進度列。
- .splash:接收端處於閒置狀態時顯示的畫面。如未宣告這個類別,接收器會預設為 .logo 或應用程式名稱。
- .watermark:媒體播放時顯示的浮水印。
以下是使用這些類別的 CSS 檔案範例:
.background { background: center no-repeat url(background.png); } .logo { background-image: url(logo.png); } .progressBar { background-color: rgb(238, 255, 65); } .splash { background-image: url(splash.png); } .watermark { background-image: url(watermark.png); background-size: 57px 57px; }
以下是這些類別使用中的一些插圖。
影片
注意:影片圖片圖片尺寸為 96x143 像素,且會選取與媒體中繼資料相關聯的第一個圖片資源來顯示。系統會根據預期尺寸調整圖片。
音訊
注意:音訊專輯封面為 384x384 像素,且會選擇顯示與媒體中繼資料相關聯的第一個圖片資源。系統會根據預期尺寸調整圖片。
Big Buck Bunny 的圖片:(c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org
圖片來源:Sintel:(c) Copyright Blender Foundation / www.sintel.org