يشغِّل المُستلِم المحتوى ويعكس حالته للمستخدم. يجب أن يستجيب المُستلِم فورًا على الإجراءات في تطبيق المُرسِل . على سبيل المثال، عندما يتم إيقاف المحتوى مؤقتًا على جهاز المُستلِم، يتم عرض رمز إيقاف مؤقت وعندما يضغط المستخدم على زر التشغيل على تطبيق المُرسِل، يبدأ المُستلِم في تشغيل المحتوى وإزالة رمز الإيقاف المؤقت.
أمثلة على ملاحظات واجهة المستخدم للمستلِم:
- قيد التشغيل
- متوقفة مؤقتًا
- موضع التشغيل / التقديم/الترجيع
- جارٍ التخزين المؤقت…
واجهة مستخدم جهاز الاستقبال
مطلوب
أ يمكنك وضع معظم عناصر واجهة المستخدم ضمن الجزء السفلي من 1/4 من الشاشة
والحفاظ على تناسقها مع عناصر تجربة المستخدم الأخرى.
B لا تقدِّم عناصر كعناصر تحكُّم تفاعلية. على سبيل المثال، يُرجى عدم إعادة إنتاج واجهة المستخدم للمُرسِل على واجهة المستخدم للمستلِم.
أفضل الممارسات
- استخدم الانتقال (التلاشي) والشفافية والفوارق البسيطة لتخفيف التأثير المرئي.
- ضع في اعتبارك حقيقة أن المستخدمين يريدون مشاهدة أكبر قدر ممكن من المحتوى. وغالبًا ما يتوقف المستخدمون عن المحتوى مؤقتًا لفحصه، بحيث تظهر واجهة المستخدم غير الضرورية عندما يكون ذلك ممكنًا.
Android
واجهة مستخدم المُرسِل
![](https://developers.google.cn/static/cast/images/a/sender-persistent-control2.png?authuser=8&hl=ar)
واجهة مستخدم جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-elements1_a.png?authuser=8&hl=ar)
iOS
واجهة مستخدم المُرسِل
![](https://developers.google.cn/static/cast/images/i/sender-persistent-control2.png?authuser=8&hl=ar)
واجهة مستخدم جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-elements1_a.png?authuser=8&hl=ar)
Chrome
واجهة مستخدم المُرسِل
![واجهة مستخدم المُرسِل](https://developers.google.cn/static/cast/images/w/sender-persistent-control2.png?authuser=8&hl=ar)
واجهة مستخدم جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-elements1_a.png?authuser=8&hl=ar)
تطبيق جهاز الاستقبال غير نشِط
يتم عرض شاشة وضع عدم النشاط على جهاز الاستقبال، عندما يكون المُستلِم متصلاً بالمرسِل بدون بثّ محتوى.
مطلوب
أ تحديد تطبيق المُستلِم الذي تم تحميله
أفضل الممارسات
- استخدم شاشة وضع عدم النشاط للترويج لمحتوى أو ميزات من تطبيق المرسِل.
- يمكنك تغيير المحتوى كل 30 إلى 60 ثانية لعرض المزيد من المحتوى ومنع حرق الشاشة.
- يمكنك إلغاء الربط بتطبيق جهاز الاستقبال وإيقاف تشغيله في حال عدم النشاط لمدة 5 دقائق. عند إيقاف الجهاز، تظهر الشاشة الرئيسية لجهاز الاستقبال وستساعد في منع حرق الشاشة.
Android
تم ربط مربّع حوار البث ولكن لا يتم البث.
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-connected1.png?authuser=8&hl=ar)
تم تحميل تطبيق جهاز الاستقبال أو وضع عدم النشاط
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1_a.png?authuser=8&hl=ar)
iOS
تم ربط مربّع حوار البث ولكن لا يتم البث.
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-connected1.png?authuser=8&hl=ar)
تم تحميل تطبيق جهاز الاستقبال أو وضع عدم النشاط
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1_a.png?authuser=8&hl=ar)
جارٍ تحميل تطبيق جهاز الاستقبال
عندما يتصل المستخدم بجهاز استقبال، يجب أولاً تحميل تطبيق جهاز الاستقبال قبل أن يتمكن من عرض حالة عدم النشاط للتطبيق أو بدء تشغيل المحتوى.
مطلوب
أ يمكنك تحديد تطبيق المُستلِم الذي يتم تحميله من خلال عرض
شعار التطبيق
ب تحديد أن تطبيق المُستلِم يتم تحميله من خلال عرض
مؤشر سريان العمل المتحرك
Android
جارٍ اتصال المُرسِل
![](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states4.png?authuser=8&hl=ar)
جارٍ تحميل تطبيق جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-player-loading1_a.gif?authuser=8&hl=ar)
iOS
جارٍ اتصال المُرسِل
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states4.png?authuser=8&hl=ar)
جارٍ تحميل تطبيق جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-player-loading1_a.gif?authuser=8&hl=ar)
Chrome
جارٍ اتصال المُرسِل
![جارٍ اتصال المُرسِل](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states4.png?authuser=8&hl=ar)
جارٍ تحميل تطبيق جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-player-loading1_a.gif?authuser=8&hl=ar)
جارٍ تحميل محتوى جهاز الاستقبال
بعد تحميل تطبيق المُستلِم، يمكن بدء بث المحتوى إلى المُستلِم.
مطلوبة
أ حدِّد المحتوى الذي يتم تحميله من خلال عرض
عنوان المحتوى أو العمل الفني
ب تحديد أن المحتوى يتم تحميله من خلال عرض مؤشر سريان العمل المتحرك
أفضل الممارسات
عند استئناف المحتوى المتوقف مؤقتًا، ترجيع الفيديو لمدّة 5 إلى 10 ثوانٍ كي لا يفوت المُشاهد أيّ محتوى
خلال فترة انتقاله من المُرسِل إلى المستلِم.
Android
جارٍ تحميل محتوى المُرسِل
![](https://developers.google.cn/static/cast/images/a/sender-control-elements1.gif?authuser=8&hl=ar)
جارٍ تحميل محتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-content-loading1_a.gif?authuser=8&hl=ar)
iOS
جارٍ تحميل محتوى المُرسِل
![](https://developers.google.cn/static/cast/images/i/sender-control-elements1.gif?authuser=8&hl=ar)
جارٍ تحميل محتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-content-loading1_a.gif?authuser=8&hl=ar)
Chrome
جارٍ تحميل محتوى المُرسِل
![](https://developers.google.cn/static/cast/images/w/sender-control-elements1.gif?authuser=8&hl=ar)
جارٍ تحميل محتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-content-loading1_a.gif?authuser=8&hl=ar)
تشغيل جهاز الاستقبال
مطلوب
أ تحديد المحتوى الذي يتم تشغيله عند بدء تشغيل المحتوى
B تحديد موضع التشغيل عندما يتم تعديل الموضع
C تحديد أنّ المُستلِم يبحث عن محتوى عندما
يتم تغيير موضع التشغيل، بدون أن يتم تشغيله بعد
Android
المُرسِل يضبط موضع التشغيل
![](https://developers.google.cn/static/cast/images/a/sender-control-elements3.gif?authuser=8&hl=ar)
البحث عن محتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=8&hl=ar)
iOS
المُرسِل يضبط موضع التشغيل
![](https://developers.google.cn/static/cast/images/i/sender-control-elements3.gif?authuser=8&hl=ar)
البحث عن محتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=8&hl=ar)
Chrome
المُرسِل يضبط موضع التشغيل
![](https://developers.google.cn/static/cast/images/w/sender-control-elements3.gif?authuser=8&hl=ar)
البحث عن محتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=8&hl=ar)
تم إيقاف جهاز الاستقبال مؤقتًا
مطلوب
أ تحديد أن المحتوى متوقف مؤقتًا من خلال عرض رمز متوقّف
مؤقتًا وموضع التشغيل
ب تحديد المحتوى المتوقّف مؤقتًا من خلال عرض عنوان
المحتوى أو العمل الفني
ج تحديد تطبيق المُستلِم الذي تم تحميله من خلال عرض
شعار التطبيق
أفضل الممارسات
- غالبًا ما يوقف المستخدمون المحتوى مؤقتًا لفحصه، ما يؤدي إلى اختفاء واجهة المستخدم غير الضرورية عند الإيقاف المؤقت لبضع ثوانٍ من خلال عرض رمز الإيقاف المؤقت.
- يجب ألا يواصل تطبيق جهاز الاستقبال تشغيل المحتوى ما لم يطلب المستخدم صراحةً بدء التشغيل، مثل استئناف التشغيل أو تخطّي عنصر في قائمة الانتظار.
- يمكنك إلغاء الربط بتطبيق جهاز الاستقبال وإيقاف تشغيله في حال عدم النشاط لمدة 20 دقيقة. عند إيقاف الجهاز، تظهر الشاشة الرئيسية لجهاز الاستقبال وستساعد في منع حرق الشاشة. وننصحك بتخزين الموقع المتوقف مؤقتًا لكي يتمكن المستخدم من استئناف التشغيل من تلك النقطة في وقت لاحق.
Android
المُرسِل متوقف مؤقتًا
![](https://developers.google.cn/static/cast/images/a/sender-persistent-control2.png?authuser=8&hl=ar)
تم إيقاف محتوى المُستلِم مؤقتًا
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause1_a.png?authuser=8&hl=ar)
المُرسِل متوقف مؤقتًا
![](https://developers.google.cn/static/cast/images/a/sender-persistent-control2.png?authuser=8&hl=ar)
تم إيقاف جهاز الاستقبال مؤقتًا بعد 5 ثوانٍ.
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause2.png?authuser=8&hl=ar)
iOS
المُرسِل متوقف مؤقتًا
![](https://developers.google.cn/static/cast/images/i/sender-persistent-control2.png?authuser=8&hl=ar)
تم إيقاف محتوى المُستلِم مؤقتًا
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause1_a.png?authuser=8&hl=ar)
المُرسِل متوقف مؤقتًا
![](https://developers.google.cn/static/cast/images/i/sender-persistent-control2.png?authuser=8&hl=ar)
تم إيقاف جهاز الاستقبال مؤقتًا بعد 5 ثوانٍ.
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause2.png?authuser=8&hl=ar)
Chrome
المُرسِل متوقف مؤقتًا
![](https://developers.google.cn/static/cast/images/w/sender-persistent-control2.jpg?authuser=8&hl=ar)
تم إيقاف محتوى المُستلِم مؤقتًا
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause1_a.png?authuser=8&hl=ar)
المُرسِل متوقف مؤقتًا
![](https://developers.google.cn/static/cast/images/w/sender-persistent-control2.jpg?authuser=8&hl=ar)
تم إيقاف جهاز الاستقبال مؤقتًا بعد 5 ثوانٍ.
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause2.png?authuser=8&hl=ar)
جارٍ التخزين المؤقت لجهاز الاستقبال
يحدث التخزين المؤقت في جهاز الاستقبال عندما يؤدي وقت استجابة الشبكة أو عوامل أخرى إلى حدوث تأخير في التشغيل.
مطلوبة
أ تأكَّد من أنّ جهاز الاستقبال يخزّن مؤقتًا بعد بضع ثوانٍ
من خلال عرض مؤشر دوّار لعملية التخزين المؤقت. سيؤدي الانتظار لبضع ثوانٍ للإشارة إلى التخزين المؤقت
إلى منع ظهور مؤشر التخزين المؤقت بشكل متكرر جدًا في ظروف الشبكة السيئة
أفضل الممارسات
حدِّد المحتوى الذي يتم تخزينه مؤقتًا إذا استمرت عملية التخزين المؤقت بعد مرور 5 ثوانٍ.
Android
يشير المُرسِل إلى التخزين المؤقت للمستلم
![](https://developers.google.cn/static/cast/images/a/sender-control-elements3.gif?authuser=8&hl=ar)
جارٍ التخزين المؤقت لمحتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=8&hl=ar)
iOS
يشير المُرسِل إلى التخزين المؤقت للمستلم
![](https://developers.google.cn/static/cast/images/i/sender-control-elements3.gif?authuser=8&hl=ar)
جارٍ التخزين المؤقت لمحتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=8&hl=ar)
Chrome
يشير المُرسِل إلى التخزين المؤقت للمستلم
![](https://developers.google.cn/static/cast/images/w/sender-control-elements3.gif?authuser=8&hl=ar)
جارٍ التخزين المؤقت لمحتوى جهاز الاستقبال
![](https://developers.google.cn/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=8&hl=ar)
يوقف جهاز الاستقبال البث
عند توقف التشغيل أو انتهاء المهلة، يجب أن تروّج واجهة مستخدم جهاز الاستقبال لمحتوى أو ميزات أخرى متوفرة في تطبيق المرسِل.
مطلوبة
أ يمكنك تحديد تطبيق المُستلِم الذي تم تحميله أو عدم استخدامه من خلال
عرض شعار التطبيق.
أفضل الممارسات
- استخدام شاشة وضع عدم النشاط بعد التشغيل لاقتراح محتوى أو ميزات من تطبيق المُرسِل استنادًا إلى المحتوى الذي تم بثّه للتو
- تغيير محتوى شاشة وضع عدم النشاط كل 30 إلى 60 ثانية لمنع حرق الشاشة
- يمكنك إلغاء الربط بتطبيق جهاز الاستقبال وإيقاف تشغيله في حال عدم النشاط لمدة 5 دقائق. عند إيقاف الجهاز، تظهر الشاشة الرئيسية لجهاز الاستقبال وستساعد في منع حرق الشاشة.
Android
تطبيق المُرسِل غير نشِط لفترة قصيرة
![](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states4.png?authuser=8&hl=ar)
تطبيق جهاز الاستقبال غير نشِط لفترة قصيرة
![](https://developers.google.cn/static/cast/images/r/receiver-ui-complete1_a.png?authuser=8&hl=ar)
تم قطع اتصال المُرسِل.
![](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states2.png?authuser=8&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=8&hl=ar)
iOS
تطبيق المُرسِل غير نشِط لفترة قصيرة
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states4.png?authuser=8&hl=ar)
تطبيق جهاز الاستقبال غير نشِط لفترة قصيرة
![](https://developers.google.cn/static/cast/images/r/receiver-ui-complete1_a.png?authuser=8&hl=ar)
تم قطع اتصال المُرسِل.
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states2.png?authuser=8&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=8&hl=ar)
Chrome
تطبيق المُرسِل غير نشِط لفترة قصيرة
![تطبيق المُرسِل غير نشِط لفترة قصيرة](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states4.png?authuser=8&hl=ar)
تطبيق جهاز الاستقبال غير نشِط لفترة قصيرة
![](https://developers.google.cn/static/cast/images/r/receiver-ui-complete1_a.png?authuser=8&hl=ar)
تم قطع اتصال المُرسِل.
![تم قطع اتصال المُرسِل.](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states2.png?authuser=8&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=8&hl=ar)
إنّ الصور المستخدَمة في دليل التصميم هذا مقدَّمة من Blender Foundation، وتتم مشاركتها بموجب حقوق الطبع والنشر أو رخصة المشاع الإبداعي.
- Elephant's Dream: (ج) حقوق الطبع والنشر لعام 2006، مؤسسة Blender / المعهد الهولندي للفنون / www.alephantsdream.org
- Sintel: (ج) حقوق الطبع والنشر لمؤسسة Blender | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) حقوق الطبع والنشر لعام 2008: مؤسسة Blender / www.bigbuckbunny.org