本頁面由 Cloud Translation API 翻譯而成。

樣式化媒體接收器
透過集合功能整理內容你可以依據偏好儲存及分類內容。

樣式化媒體接收器 (SMR) 可讓傳送者應用程式在以下裝置上播放媒體：投放裝置，無需建立自訂接收器應用程式。你可以提供自己的 CSS 檔案，自訂 SMR 的色彩配置和品牌宣傳內容。

註冊

如要為應用程式使用 SMR，請選取「樣式化媒體接收器」選項您可以在 Google Cast SDK 開發人員控制台。詳情請參閱註冊。這個選項包含「預覽」預設樣式表的連結，以及含有您輸入樣式表的網址您可以選擇使用預設樣式，或是請提供 CSS 檔案的 HTTPS 網址您可以使用自己的伺服器 CSS 檔案提供 CSS 檔案的網址後，即可按一下「預覽」。看看樣式在接收器上呈現的樣貌

支援的媒體

所有接收器都支援媒體類型，支援的媒體。

SMR 支援影片、音訊和圖像，並由傳送者控管投放應用程式。SMR 完全遵守使用者體驗指南：在投放裝置上播放媒體。

輸入字型

如需這份清單，請參閱預先安裝的字型。已經預先安裝在接收器的字型上

CSS

樣式媒體接收器使用下列 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;
}

以下是使用中這些類別的一些插圖。