樣式化媒體接收器

樣式化媒體接收器 (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;
}

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

影片

注意：影片圖片檔的大小為 96x143 像素，而第一個圖片資源 與媒體中繼資料相關聯，以供顯示。圖片會調整為 以符合預期尺寸

音訊

注意：音訊專輯封面大小為 384x384 像素，且第一個圖片資源 與媒體中繼資料相關聯，以供顯示。圖片會調整為 以符合預期尺寸

       

來自 Big Buck Bunny 的圖片：(c) copyright 2008 Blender Foundation / www.bigbuckbunny.org

Sintel 的影像：(c) copyright Blender Foundation / www.sintel.org