گیرنده مدیا مدل دار

Styled Media Receiver (SMR) به برنامه فرستنده شما اجازه می دهد بدون ایجاد برنامه گیرنده سفارشی شما، رسانه را روی دستگاه Cast پخش کند. شما می توانید با ارائه فایل CSS خود در حین ثبت نام، طرح رنگ و نام تجاری SMR را سفارشی کنید.

ثبت

برای استفاده از SMR برای برنامه خود، هنگامی که یک برنامه جدید را در کنسول برنامه‌نویس Google Cast SDK اضافه می‌کنید، گزینه Styled Media Receiver را انتخاب کنید. برای اطلاعات بیشتر به ثبت نام مراجعه کنید. این گزینه شامل پیوندی برای پیش‌نمایش صفحه سبک پیش‌فرض و همچنین فیلدی است که در آن URL را به شیوه نامه خود وارد می‌کنید. می توانید از سبک های پیش فرض استفاده کنید یا URL HTTPS را به فایل CSS خود ارائه دهید. می توانید از سرور خود برای میزبانی فایل CSS استفاده کنید. پس از ارائه URL به فایل CSS خود، می توانید روی Preview کلیک کنید تا ببینید سبک های شما در گیرنده چگونه به نظر می رسند.

توجه: اگر یک گیرنده رسانه مدل‌دار ثبت کرده‌اید، اما فقط از سبک‌های پیش‌فرض استفاده می‌کنید، گیرنده نام برنامه شما را هنگام بارگیری یا در حالت آماده به کار نمایش می‌دهد.

رسانه های پشتیبانی شده

همه گیرنده ها از انواع رسانه ها پشتیبانی می کنند، همانطور که در رسانه های پشتیبانی شده توضیح داده شده است.

SMR از ویدئو، صدا و تصاویر پشتیبانی می کند و از طریق یک برنامه فرستنده با استفاده از کانال رسانه Cast SDK کنترل می شود. SMR به طور کامل با دستورالعمل های UX برای پخش رسانه در دستگاه Cast مطابقت دارد.

فونت ها را تایپ کنید

برای لیستی از فونت های از پیش نصب شده با گیرنده، فونت های از پیش نصب شده را ببینید.

CSS

Styled Media Receiver از کلاس های CSS زیر استفاده می کند:

• .background : پس زمینه برای گیرنده.
• .logo : نشانی که هنگام راه اندازی گیرنده نشان داده می شود. این کلاس همچنین زمانی استفاده می شود که گیرنده در حالت بیکار باشد و کلاس splash اعلام نشده باشد.
• .progressBar : نوار پیشرفت برای پخش رسانه.
• splash : صفحه نمایش داده شده زمانی که گیرنده در حالت بیکار است. اگر این کلاس اعلان نشده باشد، گیرنده به‌طور پیش‌فرض به .logo یا نام برنامه تبدیل می‌شود.
• واترمارک . : واترمارکی که هنگام پخش رسانه نشان داده می شود.

در اینجا یک نمونه فایل 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: (ج) حق چاپ 2008، Blender Foundation / www.bigbuckbunny.org

تصویر از Sintel: (ج) کپی رایت Blender Foundation / www.sintel.org