زر البث

يفتح زر "الإرسال" مربّع حوار للاتصال بأجهزة استقبال الويب والتحكّم فيها وفصلها عنها.

يمكنك الاطّلاع على رموز "الإرسال" لتنزيل نماذج زر "الإرسال".

يُرجى العِلم أنّ زر "الإرسال" ليس خاصًا بتكنولوجيا Google Cast، بل يمكن استخدامه لتمثيل أجهزة استقبال الويب وغير أجهزة استقبال الويب (مثل سماعات الرأس التي تعمل بتقنية Bluetooth). يجب أن تظهر أجهزة استقبال الويب دائمًا ضمن مربّع حوار "الإرسال"، ولا تظهر أبدًا ضمن مربّع حوار أو قائمة أو عنصر تحكّم آخر.

  تعريف المستخدمين بميزة "الإرسال"

يساعد تعريف المستخدمين بزر "الإرسال" المستخدمين الحاليين على معرفة أنّ تطبيق المُرسِل يتيح الآن ميزة "الإرسال"، كما يساعد المستخدمين الجدد على التعرّف على تكنولوجيا Google Cast.

إجراء مطلوب
  A   عرض شاشة تعريفية بميزة "الإرسال" في أول مرة تتوفّر فيها أجهزة استقبال الويب بالنسبة إلى أجهزة إرسال iOS، يجب عرض شاشة تعريفية بميزة "الإرسال" في أول مرة يظهر فيها زر "الإرسال".
  B   تمييز زر "الإرسال" بصريًا عن طريق وضع دائرة حوله)
  C   شرح طريقة عمل زر "الإرسال" (على سبيل المثال، عرض رسالة مثل "انقر لبث الفيديوهات على التلفزيون")

Android

شاشة تعريفية بميزة "الإرسال"

مقدمة عن البث

الشاشة الرئيسية لميزة "الإرسال"

iOS

شاشة تعريفية بميزة "الإرسال"

الشاشة الرئيسية لميزة "الإرسال"

Chrome

شاشة تعريفية بميزة "الإرسال"

مقدمة عن البث

الشاشة الرئيسية لميزة "الإرسال"

بثّ الشاشة الرئيسية
 

  مدى توفّر زر "الإرسال"

إجراء مطلوب
  A   يجب أن يكون زر "الإرسال" مرئيًا من كل شاشة تتضمّن محتوًى قابلاً للتشغيل، وأن يظهر في موضع ثابت أثناء تصفُّح المحتوى أو تشغيله. سيظهر أيضًا في رأس Chrome للتحكّم على مستوى العالم.
  B  في Chrome، يمكن إخفاء زر "الإرسال" عندما لا تتوفّر أجهزة استقبال الويب. بالنسبة إلى أجهزة إرسال Android وiOS، يجب أن يظهر زر "الإرسال" دائمًا عندما يكون الجهاز متصلاً بشبكة Wi-Fi، حتى يمكن تقديم المساعدة المناسبة إذا أوقف المستخدم إمكانية الوصول إلى الشبكة المحلية وأصبحت الأجهزة غير قابلة للاكتشاف نتيجةً لذلك (يمكنك الاطّلاع على أذونات iOS واكتشاف الأجهزة لمزيد من التفاصيل).
  C   في التطبيقات على الأجهزة الجوّالة، يجب عرض زر البث على الجانب الأيمن من الشاشة أو في طريقة عرض مشغّل الفيديو. إذا كان الزر في طريقة عرض مشغّل الفيديو، يجب وضعه في أعلى يسار الشاشة.
  D   في Chrome، يجب أن يكون زر "الإرسال" على الجانب الأيسر في عناصر التحكّم في الوسائط الخاصة بالمحتوى (على سبيل المثال، يمكنك الاطّلاع على الفيديو المضمّن). إذا كانت عناصر التحكّم في الوسائط تتضمّن زر ملء الشاشة ، يجب وضع زر "الإرسال" على يساره.

ملاحظة

تستخدم تكنولوجيا Google Cast نموذجًا لتنفيذ مهام متعددة، ما يسمح للمستخدمين بتصفُّح تطبيق المُرسِل و التطبيقات الأخرى أثناء الإرسال. يجب أن يكون زر "الإرسال" مرئيًا من كل شاشة تتضمّن محتوًى قابلاً للتشغيل، حتى لا يضطر المستخدم إلى البحث عن مكان إيقاف المحتوى مؤقتًا أو إيقافه أثناء تشغيله على التلفزيون.

Android

تم فصل جهاز الإرسال

تم فصل جهاز المُرسِل

الشاشة الرئيسية لميزة "الإرسال"

iOS

تم فصل جهاز الإرسال

الشاشة الرئيسية لميزة "الإرسال"

Chrome

تم فصل جهاز الإرسال

تم فصل جهاز المُرسِل

الشاشة الرئيسية لميزة "الإرسال"

 

  حالات زر "الإرسال"

إجراء مطلوب
A غير متصل: عندما تتوفّر أجهزة استقبال الويب، يظهر زر "الإرسال".
B جارٍ الاتصال: عندما يكون جهاز استقبال الويب قيد الاتصال، يحرّك زر "الإرسال" الأمواج في الرمز تدريجيًا (للحصول على التفاصيل، يمكنك الاطّلاع على الملاحظة أدناه).
C متصل: عندما يكون هذا التطبيق متصلاً بجهاز استقبال الويب الذي يتيح ميزة "الإرسال"، يظهر زر "الإرسال" الخاص به على شكل إطار ممتلئ

أفضل الممارسات
لكل حالة من حالات الزر، يجب استخدام ألوان تتطابق مع نمط عناصر واجهة المستخدم الأخرى في تطبيقك. ويمكنك اختياريًا استخدام لون مميز (مثل الأصفر) للحالة "مفعّل" أو "متصل".

ملاحظات

  • يظهر رمز "الإرسال" على Chrome وAndroid وiOS للوصول إلى إضافة "الإرسال" بغض النظر عن مدى توفّر شبكة Wi-Fi أو جهاز "الإرسال".
  • تظهر الحالة "جارٍ الاتصال" (متحركة) عندما يستغرق الاتصال بواجهة برمجة تطبيقات Cast وقتًا أطول من المتوقع (ستحرّك حِزم تطوير البرامج لنظام التشغيل Android وChrome رمز "الإرسال" تلقائيًا). بعد الاتصال، يتم إطلاق تطبيق جهاز استقبال الويب.
  • تم تعديل الحالة "مفعّل" أو "متصل" لرمز "الإرسال"، ويستخدم الآن تعبئة صلبة داخل إطار الرمز. يتوفّر رمز "الإرسال" الجديد ونماذج الرموز هنا.

Android

جهاز الإرسال: تم فصل ميزة "الإرسال"

جهاز الإرسال، تم قطع الاتصال بجهاز البث

الشاشة الرئيسية لميزة "الإرسال"

بثّ الشاشة الرئيسية

جهاز الإرسال: جارٍ الاتصال بميزة "الإرسال"

المُرسِل، جارٍ الاتصال بجهاز البثّ

الشاشة الرئيسية لميزة "الإرسال"

بثّ الشاشة الرئيسية

جهاز الإرسال: تم ربط ميزة "الإرسال"

المُرسِل، تم ربط البثّ

جارٍ تحميل تطبيق جهاز استقبال الويب

تحميل تطبيق Web Receiver

جهاز الإرسال: تم ربط ميزة "الإرسال"

المُرسِل، تم ربط البثّ

تم تحميل تطبيق جهاز استقبال الويب أو هو في وضع الخمول

تم تحميل تطبيق Web Receiver / في وضع الخمول

iOS

جهاز الإرسال: ميزة "الإرسال" غير متوفّرة

الشاشة الرئيسية لميزة "الإرسال"

جهاز الإرسال: تم فصل ميزة "الإرسال"

الشاشة الرئيسية لميزة "الإرسال"

جهاز الإرسال: جارٍ الاتصال بميزة "الإرسال"

المُرسِل، جارٍ الاتصال بجهاز البثّ

الشاشة الرئيسية لميزة "الإرسال"

جهاز الإرسال: تم ربط ميزة "الإرسال"

جارٍ تحميل تطبيق جهاز استقبال الويب

تحميل تطبيق Web Receiver

جهاز الإرسال: تم ربط ميزة "الإرسال"

تم تحميل تطبيق جهاز استقبال الويب أو هو في وضع الخمول

Chrome

جهاز الإرسال: ميزة "الإرسال" غير متوفّرة

المُرسِل، ميزة "البث" غير متاحة

يظهر رمز "الإرسال" في Chrome للوصول إلى إضافة "الإرسال" بغض النظر عن حالة الاتصال.

الشاشة الرئيسية لميزة "الإرسال"

جهاز الإرسال: تم فصل ميزة "الإرسال"

جهاز الإرسال، تم قطع الاتصال بجهاز البث

الشاشة الرئيسية لميزة "الإرسال"

جهاز الإرسال: جارٍ الاتصال بميزة "الإرسال"

المُرسِل، جارٍ الاتصال بجهاز البثّ

الشاشة الرئيسية لميزة "الإرسال"

جهاز الإرسال: تم ربط ميزة "الإرسال"

المُرسِل، تم ربط البثّ

جارٍ تحميل تطبيق جهاز استقبال الويب

تحميل تطبيق Web Receiver

جهاز الإرسال: تم ربط ميزة "الإرسال"

المُرسِل، تم ربط البثّ

تم تحميل تطبيق جهاز استقبال الويب أو هو في وضع الخمول

 

 

الصور المستخدَمة في دليل التصميم هذا مقدمة من Blender Foundation، وتمت مشاركتها بموجب حقوق الطبع والنشر أو رخصة المشاع الإبداعي.

  • Elephant's Dream: (c) حقوق الطبع والنشر لعام 2006، Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
  • Sintel: (c) حقوق الطبع والنشر لـ Blender Foundation | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) حقوق الطبع والنشر لعام 2008، Blender Foundation / www.bigbuckbunny.org