تجربة المستخدم مع منصة Google Cast
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تسمح تكنولوجيا Google Cast لتطبيقات الويب على Android وiOS وChrome بـ "بث" المحتوى، مثل مشاركة الفيديو والصوت والشاشة (المزامنة على الجهاز وفي السحابة الإلكترونية)، إلى الأجهزة التي تعمل بتكنولوجيا Google Cast مثل:
- Google Chromecast
- أجهزة التلفزيون المتوافقة مع Google Cast
- مكبّرات الصوت المتوافقة مع Google Cast
- الشاشات الذكية (شاشة LCD محمولة تعمل باللمس وتُستخدَم كعميل خفيف)
- أجهزة Android اللوحية
في نموذج التفاعل مع Google Cast، يكون الهاتف الجوّال أو الجهاز اللوحي أو الكمبيوتر المحمول هو المُرسِل الذي يعمل كجهاز تحكّم عن بُعد للتحكّم في التشغيل، ويكون التلفزيون أو الشاشة أو الجهاز اللوحي المُثبَّت هو المُستلِم الذي يتلقّى التعليمات من المُرسِل ويعرض المحتوى من اتصال المُستلِم بالإنترنت. يمكن أن تتم جميع
إجراءات المستخدم (النقرات والمرور السريع) على كلّ من جهاز المُرسِل
أو Web Receiver.
تعتمد ميزة البث على التنسيق بين شاشتَين أو أكثر، أي واجهة مستخدِم المُرسِل
وواجهة مستخدِم المُستلِم، ويجب أن تعملا معًا. على سبيل المثال، إذا ضغطت على زر
على جهاز جوّال لإيقاف المحتوى مؤقتًا، من المفترض أن يشير التلفزيون إلى أنّه
تم إيقافه مؤقتًا، بينما من المفترض أن يقدّم الجهاز الجوّال زر تشغيل لمواصلة
التشغيل.
الاعتبارات
بسبب القيود المفروضة على الأجهزة والموارد، هناك قيود معيّنة مفروضة
على التطبيقات المتوافقة مع Google Cast:
- جهاز البث هو جهاز منخفض الطاقة مع قيود على الذاكرة ووحدة المعالجة المركزية ووحدة معالجة الرسومات،
لذلك يجب أن يكون تطبيق Web Receiver خفيفًا قدر الإمكان.
- بالنسبة إلى نماذج التفاعل في Cast وGoogle Cast، يمكن إنشاء علامات تبويب أو نوافذ
أو نافذة منبثقة في كلّ من Web Receiver أو تطبيق المُرسِل، بالإضافة إلى قبول
مدخلات المستخدم مباشرةً، مثل النقرات أو التمريرات السريعة. على سبيل المثال، يمكن أن يعرض تطبيق "جهاز استقبال الويب" على جهاز لوحي أو شاشة في وضع الإرساء زرًا مؤقتًا وتلقّي نقرة المستخدم. وبهذه الطريقة، يجب تشغيل جميع الإجراءات في التطبيق
من جهاز استقبال الويب أو تطبيق المرسِل.
- تتيح شاشات العرض الذكية إدخال المستخدم من خلال تطبيق المُرسِل أو من خلال اللمس على
واجهة المستخدم.
- Web Receiver هو متصفّح Chrome محسَّن لتشغيل الفيديو. وبناءً على ذلك، فإنّ WebGL وChrome Native Client (NaCL) وإضافة Chrome غير متاحة حاليًا.
- يتيح البثّ تشغيل بث وسائط متزامن واحد ضمن العلامتَين
<audio> و<video> أو تشغيل عدة مقاطع صوتية باستخدام WebAudio API. يمكن أن يكون عنصر فيديو واحد فقط نشطًا في نموذج DOM في أي وقت.
بالإضافة إلى ذلك، لا تتوفّر ميزة إنشاء تركيبات الفيديو أو التلاعب به أو تحويله أو تدويره أو magnification.
مبادئ التصميم العامة
يجب أخذ ما يلي في الاعتبار عند تطوير واجهة المستخدم.
واجهة جهاز استقبال الويب:
- يمكن أن يتضمّن Web Receiver عناصر تفاعلية وعناصر معلوماتية لوصف حالة التطبيق، مثل الإيقاف المؤقت أو التشغيل أو رسائل الخطأ. يمكن أن يحدث تفاعل المستخدم على جهاز إرسال البث (هاتف أو
جهاز لوحي أو متصفّح Chrome) أو جهاز استقبال الويب (تلفزيون أو شاشات أو أجهزة لوحية).
- تذكر أن إجراء الفيديو يحدث في منتصف شاشة التلفزيون،
ويجب ألا تتداخل عناصر واجهة المستخدم مع العرض التقديمي. ضَع عناصر واجهة المستخدم
في الثلث السفلي من شاشة Web Receiver، مع ترك هامش
10% من حواف الشاشة لزيادة نطاق العرض المحتمَلة.
- يجب أن تكون عمليات الانتقال من حالة شاشة إلى أخرى سلسة
ومشاهدتها تشبه تجربة مشاهدة فيلم سينمائي، إن أمكن. بدلاً من الانتقالات المفاجئة من حالة إلى أخرى، استخدِم
عمليات انتقال مثل التلاشي والتلاشي التدريجي. على سبيل المثال، تظل حالة تحميل المحتوى
على الشاشة وتتلاشى مع تجربة تشغيل الوسائط.
واجهة المُرسِل:
- يتيح المُرسِل إجراءات المستخدم، ويعرض Web Receiver معلومات الحالة.
على سبيل المثال، إذا تم إيقاف المحتوى مؤقتًا، يجب أن يشير التلفزيون إلى أنّه تم إيقافه مؤقتًا،
بينما يشير الجهاز الجوّال إلى أنّه جاهز لبدء التشغيل (على سبيل المثال،
أن يظهر للمستخدم زر تشغيل).
- تُعتبر السرعة عاملاً مهمًا، يجب أن يتمكّن المستخدمون من تحديد مكان عنصر التحكّم في البث بسرعة
ورؤية المحتوى الذي يبدأ تشغيله فورًا على الشاشة الكبيرة وأثناء تحميل المحتوى، وفّر مؤشرات تحميل متحركة واستخدِم انتقالات للمساعدة في الشعور بسرعة أكبر.
وتتمثل أسهل طريقة للتأكّد من اتّباع تطبيق Cast لهذه المبادئ في مراجعة واجهة المستخدم من خلال قائمة التحقّق من تصميم Cast واختبار تطبيقات Google Cast.
إرشادات بناء هوية العلامة التجارية
إنّ إرشادات العلامة التجارية التالية لخدمة Google Cast مخصّصة لمطوّري التطبيقات، وتركز على
المتطلبات الإضافية التي يجب الالتزام بها لوصف تطبيقك في نص.
للحصول على إرشادات وضع العلامة التجارية لأجهزة البث، يُرجى الاطّلاع على
مركز التسويق التعاوني بين الشركاء.
يمكنك إبلاغ الآخرين بأنّ تطبيقك متوافق مع Google Cast باستخدام
العبارة "متوافق مع Google Cast". ومع ذلك، تأكَّد من أنّ تطبيقك يمتثل
لبنود الخدمة الإضافية لمطوّري حزمة تطوير البرامج (SDK) لنظام التشغيل Cast
وقائمة التحقّق من التصميم، ومن أنّ
استخدامك لعبارة "متوافق مع Google Cast" يمتثل لإرشادات وضع العلامة التجارية.
يمكنك أيضًا استخدام شارة Google Cast
ما دام تطبيقك أو جهازك يمتثلان لإرشادات الشارات. تحتفظ Google
بحق طلب تعديل الشارة أو التوقف عن استخدامها إذا كانت
لا تتوافق مع إرشادات العلامة التجارية.
"Google Cast" في النص
- عند وصف تطبيق (وليس منتجًا للأجهزة) بأنّه متوافق مع تكنولوجيا Cast، استخدِم عبارتي "متوافق مع Google Cast" أو
"متوافق مع تكنولوجيا Google Cast". على سبيل المثال: "هذا التطبيق متوافق مع Google
Cast".
- عند وصف جهاز تابع لجهة خارجية متوافق مع تكنولوجيا Google Cast، استخدِم
"جهاز {TV} هذا يعمل مع Google Cast" و"تعمل {speakers}" مع "Google Cast".
- عند كتابة "Google" و "Cast" في النص، يجب استخدام الأحرف اللاتينية الكبيرة.
- في أي مادة عرض تسويقية تستخدم "Google Cast" في النص أو الشارة/الشعار،
يجب تضمين بيان تحديد المصدر القانوني التالي: Google Cast هي علامة تجارية
تابعة لشركة Google LLC.
- لا تضع Google Cast في عنوان التطبيق (مثل تطبيق XYZ Google Cast).
المراسلة في التطبيقات المتوافقة مع Google Cast
يمكنك الترويج لتطبيقك على النحو التالي:
- "XYZ هو تطبيق يعمل بتكنولوجيا Google Cast ويتيح لك بث المحتوى الترفيهي المفضّل لديك من جهازك الجوّال إلى التلفزيون".
- "تطبيق XYZ متاح الآن للتلفزيونات المتوافقة مع Google Cast".
- "تطبيق XYZ متاح الآن لجميع منتجات Google Cast، بما في ذلك
Google Chromecast وGoogle Cast Audio وأجهزة التلفزيون ومكبّرات الصوت المتوافقة مع
Google Cast".
- "إنّ تطبيق XYZ متوافق مع Google Cast، ما يتيح لك الاستمتاع بكل محتوى
البرامج التلفزيونية/الأفلام/الموسيقى/الألعاب المفضّلة لديك على التلفزيون المتوافق مع Google Cast".
- "أصبح تطبيق XYZ متوافقًا مع Google Cast، ما يتيح للمستخدمين بث المحتوى
من هواتفهم إلى التلفزيون المتوافق مع Google Cast".
شارة Google Cast
يمكنك استخدام شارات "Google Cast" على موقعك الإلكتروني وبطاقة بيانات المتجر الخاصة بالتطبيق، وكذلك في
المواد التسويقية والمواد الترويجية للإشارة إلى التوافق مع
الأجهزة التي تستخدم بروتوكول Cast.
- لا تعدِّل اللون أو النسب أو المسافة أو أيّ جانب آخر من
صورة الشارة.
- عند استخدام شارة Google Cast مع شعارات لتكنولوجيات مكوّنة أخرى (مثل
Bluetooth وSpotify Connect وAirPlay وما إلى ذلك)، يجب أن تكون شارة Google Cast مماثلة لحجم هذه الشعارات أو أكبر منها.
- لا تجعل الشارة هي العنصر الأساسي في صفحتك.
- يجب ترك مسافة بين الشارة والشعارات والرموز الأخرى على صفحتك.
- استخدِم شارة سوداء عند استخدامها على خلفية بيضاء أو فاتحة أو متوسطة الدرجة.
- استخدِم الشارة البيضاء عند استخدامها على خلفية سوداء أو ذات ألوان داكنة.
- لا تستخدِم الشارة على صفحة تحتوي على محتوى للبالغين أو تعرضه أو
تروّج للمقامرة أو تروّج للعنف أو تحتوي على كلام يحضّ على الكراهية أو تنطوي على
بيع التبغ أو الكحول للأشخاص دون سن الحادية والعشرين أو
تنتهك القوانين أو اللوائح التنظيمية الأخرى السارية أو تكون غير مقبولة بأي شكل آخر.
ربط الشارة
عند استخدام شارة Google Cast على الإنترنت، يجب أن تؤدي إلى أحد العناصر التالية:
- قائمة Google بالتطبيقات والمنتجات المتوافقة مع Google Cast على الرابط
g.co/castapps
- قائمة بالمنتجات التي نشرتها
- صفحة تفاصيل منتج معيّنة نشرتها
- قائمة بالتطبيقات التي نشرتها
- صفحة تفاصيل تطبيق معيّنة نشرتها أنت على Google Play أو Apple
App Store
تنزيل مواد عرض شارة Google Cast
تتضمّن حزمة التنزيل تنسيقات رسومات الشبكة المحمولة (.png) وAdobe Illustrator (.ai) وEncapsulated Postscript (.eps).
معاينة شارات Google Cast
راجِع صفحة إرشادات شارات "مركز الشركاء"
للاطّلاع على جميع الشارات المتاحة والتعليمات حول استخدامها.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eGoogle Cast enables streaming of content like video and audio from Android, iOS, and Chrome to compatible devices.\u003c/p\u003e\n"],["\u003cp\u003eThe sender device (phone, tablet, laptop) acts as a remote, while the receiver device (TV, speaker, display) plays the content.\u003c/p\u003e\n"],["\u003cp\u003eBoth sender and receiver UIs must be coordinated for a seamless user experience, with actions reflected on both.\u003c/p\u003e\n"],["\u003cp\u003eWeb Receiver applications should be lightweight due to device limitations, and interactive elements should be strategically placed for optimal viewing.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Cast branding guidelines must be followed when promoting app compatibility, including using the approved badge and messaging.\u003c/p\u003e\n"]]],["Google Cast enables content streaming from sender devices (phones, tablets, laptops) to receiver devices (Chromecast, Cast-enabled TVs/speakers/displays). Senders act as remote controls, while receivers display content from their internet connection. Both sender and receiver UIs coordinate actions like pausing/playing. Design considerations include lightweight receiver apps, UI placement within the lower third of the screen, and smooth transitions. Apps can be described as \"Google Cast-enabled\" and use a Google Cast badge, following specific branding guidelines and linking requirements.\n"],null,["# User Experience With the Google Cast Platform\n\nGoogle Cast allows Android, iOS, and Chrome web apps to \"stream\" content ---\nlike video, audio and screen sharing (mirroring) --- to Cast-ready devices\nlike:\n\n- Google Chromecast\n- TVs that work with Google Cast\n- Speakers that work with Google Cast\n- Smart Displays (a portable touchscreen LCD monitor used as a thin client)\n- Android Tablets\n\nIn the Google Cast interaction model, the mobile phone, tablet or laptop is the\n**sender** which acts as a remote control to control the playback, and the TV,\ndisplay or docked tablet is the **receiver** which receives instructions from\nthe sender and displays the content from the receiver's Internet connection. All\nthe user actions (taps and swipes) can take place on **both** the sender device\nor the Web Receiver.\n\nCasting relies on the coordination between two or more screens; the sender UI\nand the receiver UI --- they must work together. For example, if you press a\nbutton on a mobile device to pause the content, the TV should indicate that it\nis paused, while the mobile device should provide a play button to resume\nplayback.\n\nConsiderations\n--------------\n\nDue to hardware and resource limitations, there are certain restrictions placed\non Google Cast-enabled applications:\n\n- The Cast device is a low-power device with memory, CPU and GPU limitations, so the Web Receiver application should be as lightweight as possible.\n- For Cast and Google Cast interaction models, tabs, windows or popups can be created in both the Web Receiver or sender app, as well as directly accept user input, such as taps or swipes. For example, the Web Receiver app on a docked tablet or display can display a pause button and receive a user's tap. In this way, *all* actions on the application must be triggered from either a Web Receiver or sender application.\n- Smart Displays support user input through a sender app or via touch on the UI.\n- The Web Receiver is a Chrome browser optimized for video playback. As such, WebGL and Chrome Native Client (NaCL) are not currently supported, nor are Chrome extensions.\n- Cast supports a single concurrent media stream playback in the `\u003caudio\u003e` and `\u003cvideo\u003e` tags, or multiple audio tracks using the WebAudio API. Only one video element may be active in the DOM at any time. Additionally, video compositing, manipulation, transformations, rotations or zooming are not supported.\n\nOverall design principles\n-------------------------\n\nKeep the following in mind as you develop your user interface.\n\n**Web Receiver interface:**\n\n- The Web Receiver can have both interactive elements and informational elements to describe the state of the app, such as paused or playing, or error messages. User interaction can take place on the Cast sender (phone, tablet, or Chrome browser) or the Web Receiver (TV, displays, or tablets).\n- Remember that the video action is happening in the middle of the TV screen, and your UI elements should not interfere with the presentation. Place UI elements within the lower third of the Web Receiver display, leaving a 10% margin from the edges of the screen for possible [overscan](/cast/docs/caf_receiver/customize_ui#overscan).\n- When possible, transitions from one screen state to another should be smooth and feel cinematic. Rather than abrupt moves from state to state, use transitions like fade-in and fade-out. For example, the content-loading state lingers on-screen and fades into the media playing experience.\n\n**Sender interface:**\n\n- The sender supports user actions and the Web Receiver displays state information. For example, if content is paused, the TV should indicate that it is paused, while the mobile device indicates it is ready to start playing (for example, showing the user a play button).\n- Speed matters. Users need to be able to quickly locate the casting control and see content start playing immediately on the large screen. While content is loading, provide animated loading indicators and use transitions to help make things feel faster.\n\nThe easiest way to ensure that your Cast application follows these principles is\nto review your user interface with the Cast [Design Checklist](/cast/docs/design_checklist)\nand [test your Cast applications](/cast/docs/testing).\n\nBrand guidelines\n----------------\n\nThe following Google Cast brand guidelines are for app developers and focus on\nthe additional requirements you must comply with to describe your app in text.\nFor Cast devices brand guidelines see the\n[Partner Marketing Hub](https://partnermarketinghub.withgoogle.com/brands/google-cast/overview/brand-introduction/).\nYou can let others know that your app works with Google Cast by using\nthe term \"Google Cast-enabled\". However be sure that your app complies\nwith the Cast [SDK Additional Developer Terms of Service](/cast/docs/terms)\nand the [Design Checklist](/cast/docs/design_checklist), and that your\nuse of \"Google Cast-enabled\" complies with our branding guidelines.\n\nYou can similarly use a [Google Cast badge](#google_cast_badge)\nas long as your app or device complies with our badging guidelines. Google\nreserves the right to request that you modify or cease your use of the badge if\nit does not comply with the brand guidelines.\n\n### \"Google Cast\" in text\n\n- When describing an app (not a hardware product) as being Cast-enabled, use the phrase \"Google Cast-enabled\". For example: \"This app is Google Cast-enabled\".\n- When describing a Cast compatible third-party hardware product, use \"This {TV} works with Google Cast\", \"These {speakers} work with Google Cast\".\n- When written in text, \"Google\" and \"Cast\" should be capitalized.\n- In any marketing asset that uses \"Google Cast\" in text or the badge/logo, you must include the following legal attribution: Google Cast is a trademark of Google LLC.\n- Don't put Google Cast in the title of the app (such as XYZ Google Cast App).\n\n### Google Cast-enabled app messaging\n\nYou can promote your app as follows:\n\n- \"XYZ is a Google Cast-enabled app which lets you stream your favorite entertainment from your mobile device to your TV.\"\n- \"The XYZ app is now available for TVs that work with Google Cast.\"\n- \"The XYZ app is now available for all Google Cast products including Google Chromecast, Google Cast Audio, and TVs and speakers that work with Google Cast.\"\n- \"The XYZ app is Google Cast-enabled, allowing you to enjoy all your favorite shows/movies/music/games on your TV that works with Google Cast.\"\n- \"The XYZ app now has Google Cast support, allowing users to stream content from their phone to their TV that works with Google Cast.\"\n\n### Google Cast badge\n\nYou can use the \"Google Cast\" badges on your website, app store listing,\nmarketing materials and promotional materials to display compatibility with\ndevices that use the Cast protocol.\n\n- Don't modify the color, proportions, spacing or any other aspect of the badge image.\n- When used alongside logos for other ingredient technologies (for example, Bluetooth, Spotify Connect, AirPlay, etc.), the Google Cast badge must be of equal or greater size.\n- Don't make the badge the primary element on your page.\n- Keep some distance between the badge and other logos and icons on your page.\n- When used on white, light, or medium-toned background, use a black badge.\n- When used on a black or dark-toned background, use the white badge.\n- Don't use the badge on a page that contains or displays adult content, promotes gambling, promotes violence, contains hate speech, involves the sale of tobacco or alcohol to persons under twenty-one years of age, violates other applicable laws or regulations or is otherwise objectionable.\n\n### Badge linking\n\nWhen used online, the Google Cast badge must link to one of the following:\n\n- Google's list of Google Cast-enabled apps and products at [g.co/castapps](http://g.co/castapps).\n- A list of products published by you.\n- A specific product detail page published by you.\n- A list of apps published by you.\n- A specific app detail page published by you, on Google Play, or in the Apple App Store.\n\n### Download Google Cast badge assets\n\nThe download bundle includes Portable Network Graphics (.png), Adobe\nIllustrator (.ai), and Enapsulated Postscript (.eps) formats.\n\n- [Partner Hub Downloads page](https://partnermarketinghub.withgoogle.com/brands/google-cast/downloads/)\n\n### Preview Google Cast badges\n\nRefer to the [Partner Hub Badges Guidelines page](https://partnermarketinghub.withgoogle.com/brands/google-cast/visual-identity/visual-identity/#badge-guidelines)\nfor all available badges and instructions on usage."]]
