مستقبِل وسائط بتصميم

يسمح جهاز استقبال الوسائط ذو النمط (SMR) لتطبيق المرسل بتشغيل الوسائط على جهاز البث بدون إنشاء تطبيق جهاز الاستقبال المخصص الخاص بك. يمكنك تخصيص نظام ألوان SMR والعلامة التجارية من خلال توفير ملف CSS الخاص بك أثناء التسجيل.

تسجيل

لاستخدام SMR لتطبيقك، حدِّد الخيار Styled Media Receiver (جهاز استقبال الوسائط بنمط) عند إضافة تطبيق جديد في وحدة تحكم مطوّري البرامج في Google Cast SDK. يمكنك الاطّلاع على التسجيل للحصول على مزيد من المعلومات. ويتضمّن هذا الخيار رابطًا لمعاينة ورقة الأنماط التلقائية، بالإضافة إلى حقل تدخل فيه عنوان URL إلى ورقة الأنماط. ويمكنك استخدام الأنماط التلقائية أو توفير عنوان URL يستخدم HTTPS في ملف CSS. يمكنك استخدام الخادم الخاص بك لاستضافة ملف CSS. بعد توفير عنوان URL لملف CSS، يمكنك النقر على معاينة للاطّلاع على الشكل الذي ستظهر به الأنماط على أداة الاستقبال.

ملاحظة: إذا سجّلت جهاز استقبال وسائط نمطية، ولكنك تستخدم الأنماط التلقائية فقط، سيعرض جهاز الاستقبال اسم تطبيقك أثناء تحميل جهاز الاستقبال أو في حالة عدم النشاط.

الوسائط المتوافقة

تتوافق جميع أجهزة الاستقبال مع أنواع الوسائط، كما هو موضّح في الوسائط المتوافقة.

يدعم SMR الفيديو والصوت والصور ويتم التحكّم فيه من خلال تطبيق المرسِل باستخدام قناة وسائط Cast SDK. يتوافق 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;
}

وفي ما يلي بعض الرسوم التوضيحية لهذه الصفوف قيد الاستخدام.

حملة فيديو

ملاحظة: يبلغ حجم صورة الفيديو 96×143 بكسل، ويتم اختيار مورد الصورة الأول المرتبط بالبيانات الوصفية للوسائط لعرضه. يتم ضبط حجم الصور لتناسب الأبعاد المتوقعة.

الصوت

ملاحظة: يبلغ حجم صورة الألبوم الصوتي 384×384 بكسل، ويتم اختيار مورد الصورة الأول المرتبط بالبيانات الوصفية للوسائط لعرضه. يتم ضبط حجم الصور لتناسب الأبعاد المتوقعة.

       

صور من Big Buck Bunny: (c) حقوق الطبع والنشر لعام 2008، Blender Foundation / www.bigbuckbunny.org

صورة من Sintel: (c) حقوق الطبع والنشر لمؤسسة Blender / www.sintel.org