يفتح زر البثّ مربّع حوار لربط أجهزة استقبال الويب والتحكّم فيها وقطع الاتصال بها.
راجع رموز البث لتنزيل نماذج زر البث.
يُرجى العلم أنّ زر البث لا يخصّ Google Cast، بل يمكن استخدامه لتمثيل أجهزة استقبال الويب وغيرها من الأجهزة (مثل سمّاعات الرأس التي تعمل بالبلوتوث). من المفترض أن تظهر أجهزة استقبال الويب ضمن مربّع حوار Cast، وليس ضمن مربّع حوار أو قائمة أو عنصر تحكُّم آخر.
تعريف المستخدمين بتكنولوجيا Google Cast
يساعد طرح زر الإرسال المستخدمين الحاليين في معرفة أن تطبيق المرسل يتيح الآن استخدام ميزة البث ويساعد أيضًا المستخدمين الجدد على Google Cast.
مطلوبة
A يمكنك عرض شاشة مقدمة عن Cast في المرة الأولى التي تكون فيها
أجهزة استقبال الويب متاحة. بالنسبة إلى المرسِلين الذين يستخدمون أجهزة iOS، يمكنك عرض شاشة مقدّمة حول Cast في المرة الأولى التي يظهر فيها زر الإرسال.
ب تمييز زر البث بشكل مرئي من خلال وضع دائرة حول
الزر)
ج يُرجى توضيح آلية عمل زر البث (على سبيل المثال،
عرض رسالة مثل "اللمس لبث الفيديوهات إلى التلفزيون")
Android
مقدمة عن البث
![مقدمة عن البث](https://developers.google.cn/static/cast/images/a/prompting1_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
iOS
مقدمة عن البث
![](https://developers.google.cn/static/cast/images/i/prompting1_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
Chrome
مقدمة عن البث
![مقدمة عن البث](https://developers.google.cn/static/cast/images/w/prompting1_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![بث الشاشة الرئيسية](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
مدى توفّر زر البث
مطلوب
أ يجب أن يظهر زر البث
في كل شاشة يتوفر فيها محتوى قابل للتشغيل، وفي موضع ثابت
أثناء تصفّح المحتوى أو تشغيله. وسيظهر أيضًا في عنوان Chrome للتحكّم العام.
ب في Chrome، يمكن أن يكون زر البث مخفيًا
عندما لا تكون أجهزة استقبال الويب متاحة. بالنسبة إلى المرسِلين الذين يستخدمون أجهزة Android وiOS،
من المفترض أن يظهر زر البثّ دائمًا عندما يكون الجهاز متصلاً بشبكة Wi-Fi، كي يتم تقديم المساعدة المناسبة
إذا أوقف المستخدم الوصول إلى الشبكة المحلية وتصبح الأجهزة غير قابلة للاكتشاف نتيجةً لذلك
(راجِع الأذونات والاكتشاف في تطبيقات iOS
للحصول على مزيد من التفاصيل).
C في التطبيقات المتوافقة مع الأجهزة الجوّالة، يجب أن يظهر زر البثّ على الجانب الأيسر.
د في Chrome، يجب أن يظهر زر البثّ في الجهة اليسرى
من عناصر التحكّم في وسائط المحتوى (على سبيل المثال، عرض الفيديو المضمّن). إذا كانت عناصر التحكّم في الوسائط تحتوي على زر ملء الشاشة، يمكنك وضع زر "بثّ" على يمينه.
ملاحظة
تستخدم تكنولوجيا Google Cast نموذجًا لتنفيذ مهام متعددة، ما يتيح للمستخدمين تصفّح تطبيق المُرسِل والتطبيقات الأخرى أثناء البث. يجب أن يكون زر البث مرئيًا من كل شاشة يتوفر بها محتوى قابل للتشغيل لكي لا يحتاج المستخدم إلى البحث عن الموضع الذي يجب فيه إيقاف المحتوى مؤقتًا أو إيقافه على التلفزيون.
Android
تم قطع اتصال المُرسِل.
![تم قطع اتصال المُرسِل.](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
iOS
تم قطع اتصال المُرسِل.
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-available1_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
Chrome
تم قطع اتصال المُرسِل.
![تم قطع اتصال المُرسِل.](https://developers.google.cn/static/cast/images/w/sender-cast-icon-available1_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
حالات زر البث
مطلوب
أ غير متصل: عند توفر أجهزة استقبال الويب،
يظهر زر البث
ب الاتصال: عندما يتصل جهاز استقبال الويب،
يحرك زر البث بشكل تدريجي حركة الأمواج في الرمز (لمعرفة التفاصيل، يُرجى الاطّلاع على الملاحظة أدناه)
C متصل: عندما يكون هذا التطبيق متصلاً بجهاز
استقبال الويب، ويظهر زر البث معبأً في شكل إطار.
أفضل الممارسات
لكل حالة من حالات الأزرار، استخدِم ألوانًا تتطابق مع نمط عناصر
واجهة المستخدم الأخرى في تطبيقك. ويكون استخدام لون تمييز مميز (مثل الأصفر) للحالة "مفعّل / متصل"
اختياريًا.
Notes
- يظهر رمز البث على Chrome وAndroid وiOS لتوفير الوصول إلى إضافة Cast بغض النظر عن مدى توفّر أجهزة البث.
- تظهر حالة الاتصال (متحرك) عندما يستغرق الاتصال بواجهة برمجة تطبيقات البث وقتًا أطول من المتوقع (ستعمل حزمة تطوير البرامج (SDK) لنظام التشغيل Android وChromeOS على تحريك رمز البث تلقائيًا). وبعد اكتمال عملية الربط، يتم تشغيل تطبيق Web Replyr (جهاز استقبال الويب).
- تم تعديل الحالة "تفعيل / متصل" لرمز البثّ وتستخدم الآن تعبئة ثابتة ضمن إطار الرمز. تتوفّر نماذج الرموز والأيقونات الجديدة هنا.
Android
المُرسِل، تم قطع اتصال البث.
![المُرسِل، تم قطع اتصال البث.](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![بث الشاشة الرئيسية](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، جارٍ الاتصال بجهاز البثّ
![المُرسِل، جارٍ الاتصال بجهاز البثّ](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states-2-122023.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![بث الشاشة الرئيسية](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، تم الاتصال بجهاز البث
![المُرسِل، تم الاتصال بجهاز البث](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=2&hl=ar)
جارٍ تحميل تطبيق جهاز استقبال الويب
![جارٍ تحميل تطبيق جهاز استقبال الويب](https://developers.google.cn/static/cast/images/r/receiver-player-loading1.png?authuser=2&hl=ar)
المُرسِل، تم الاتصال بجهاز البث
![المُرسِل، تم الاتصال بجهاز البث](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=2&hl=ar)
تم تحميل تطبيق جهاز استقبال الويب أو وضع عدم النشاط
![تم تحميل تطبيق جهاز استقبال الويب أو وضع عدم النشاط](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=2&hl=ar)
iOS
المُرسِل غير متاح.
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states1_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، تم قطع اتصال البث.
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states2_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، جارٍ الاتصال بجهاز البثّ
![المُرسِل، جارٍ الاتصال بجهاز البثّ](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states3_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، تم الاتصال بجهاز البث
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=2&hl=ar)
جارٍ تحميل تطبيق جهاز استقبال الويب
![جارٍ تحميل تطبيق جهاز استقبال الويب](https://developers.google.cn/static/cast/images/r/receiver-player-loading1.png?authuser=2&hl=ar)
المُرسِل، تم الاتصال بجهاز البث
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=2&hl=ar)
تم تحميل تطبيق جهاز استقبال الويب أو وضع عدم النشاط
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=2&hl=ar)
Chrome
المُرسِل غير متاح.
![المُرسِل غير متاح.](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states1_a.png?authuser=2&hl=ar)
يظهر رمز Cast في Chrome لإتاحة الوصول إلى إضافة Cast بغض النظر عن حالة الاتصال.
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، تم قطع اتصال البث.
![المُرسِل، تم قطع اتصال البث.](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states2_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، جارٍ الاتصال بجهاز البثّ
![المُرسِل، جارٍ الاتصال بجهاز البثّ](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states3_a.png?authuser=2&hl=ar)
بث الشاشة الرئيسية
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=2&hl=ar)
المُرسِل، تم الاتصال بجهاز البث
![المُرسِل، تم الاتصال بجهاز البث](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=2&hl=ar)
جارٍ تحميل تطبيق جهاز استقبال الويب
![جارٍ تحميل تطبيق جهاز استقبال الويب](https://developers.google.cn/static/cast/images/r/receiver-player-loading1.png?authuser=2&hl=ar)
المُرسِل، تم الاتصال بجهاز البث
![المُرسِل، تم الاتصال بجهاز البث](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=2&hl=ar)
تم تحميل تطبيق جهاز استقبال الويب أو وضع عدم النشاط
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=2&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