לחצן הפעלת Cast
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
הלחצן להפעלת Cast פותח תיבת דו-שיח להתחברות למקלטי אינטרנט, לשליטה בהם ולניתוק מהם.
כדי להוריד את תבניות הלחצנים של Cast, אפשר לעיין במאמר בנושא סמלי Cast.
שימו לב שהלחצן Cast לא ספציפי ל-Google Cast, ואפשר להשתמש בו כדי לייצג גם מקלטים באינטרנט וגם מקלטים שלא באינטרנט (כמו אוזניות Bluetooth). רכיבי Web Receiver צריכים להופיע תמיד בתיבת הדו-שיח של Cast, ולא בתיבת דו-שיח, בתפריט או בפקד אחרים.
הוספת כפתור Cast עוזרת למשתמשים קיימים לדעת שאפליקציית השולח תומכת עכשיו ב-Cast, וגם עוזרת למשתמשים חדשים ב-Google Cast.
חובה
A הצגת מסך מבוא ל-Cast בפעם הראשונה
שבה רכיבי Web Receivers זמינים. לשולחים ב-iOS, להציג מסך מבוא ל-Cast בפעם הראשונה שמופיע לחצן Cast.
ב' להדגיש חזותית את לחצן Cast על ידי הקפת הלחצן)
ג' להסביר איך לחצן Cast פועל (לדוגמה, להציג הודעה כמו 'מקישים כדי להפעיל Cast של סרטונים בטלוויזיה')
Android
מבוא ל-Cast
הפעלת Cast של מסך הבית
iOS
מבוא ל-Cast
הפעלת Cast של מסך הבית
Chrome
מבוא ל-Cast
הפעלת Cast של מסך הבית
חובה
א' לחצן Cast צריך להיות גלוי בכל מסך שבו יש תוכן שאפשר להפעיל, והוא צריך להיות ממוקם במיקום עקבי בזמן הגלישה או הפעלת התוכן. הוא יופיע גם בכותרת של Chrome לשליטה גלובלית.
ב' ב-Chrome, אפשר להסתיר את לחצן Cast אם אין אפשרות להשתמש במקלטי אינטרנט. במכשירי Android ו-iOS של השולחים,
לחצן Cast צריך להופיע תמיד כשהמכשיר מחובר ל-Wi-Fi, כדי שאפשר יהיה לספק עזרה מתאימה
אם המשתמש השבית את הגישה לרשת המקומית והמכשירים לא ניתנים לאיתור כתוצאה מכך
(פרטים נוספים זמינים במאמר בנושא הרשאות וגילוי במכשירי iOS).
ג' באפליקציות לנייד, לחצן ההפעלה של Cast צריך להיות בצד שמאל.
D ב-Chrome, לחצן ההעברה אמור להופיע בצד שמאל באמצעי הבקרה של תוכן המדיה (לדוגמה, בסרטון מוטמע). אם יש לחצן למסך מלא בפקדי המדיה, צריך למקם את לחצן ה-Cast משמאלו.
הערה
Google Cast משתמש במודל ריבוי משימות, שמאפשר למשתמשים לעיין באפליקציה השולחת ובאפליקציות אחרות בזמן ההפעלה של Cast. לחצן Cast צריך להיות גלוי בכל מסך שבו יש תוכן שאפשר להפעיל, כדי שהמשתמש לא יצטרך לחפש איפה אפשר להשהות או להפסיק את התוכן שמופעל בטלוויזיה.
Android
השולח התנתק
הפעלת Cast של מסך הבית
iOS
השולח התנתק
הפעלת Cast של מסך הבית
Chrome
השולח התנתק
הפעלת Cast של מסך הבית
חובה
א' מנותק: כשהמקלט האינטרנטי זמין, לחצן Cast מופיע
ב' מתחבר: כשהמקלט האינטרנטי מתחבר, הגלים בסמל של לחצן Cast מונפשים בהדרגה (פרטים בהערה שלמטה)
ג' מחובר: כשהאפליקציה הזו מחוברת למקלט האינטרנטי של Cast, לחצן Cast שלה מופיע עם צורה של מסגרת מלאה
שיטות מומלצות
לכל אחד ממצבי הלחצן, מומלץ להשתמש בצבעים שתואמים לסגנון של רכיבי ממשק משתמש אחרים באפליקציה. השימוש בצבע הדגשה ייחודי (כמו צהוב) למצב 'מופעל' או 'מחובר' הוא אופציונלי.
הערות
- סמל Cast מוצג ב-Chrome, ב-Android וב-iOS כדי לספק גישה לתוסף Cast
ללא קשר לזמינות של מכשירי Cast.
- המצב 'מתחבר' (אנימציה) מופיע כשהחיבור ל-Cast API נמשך יותר זמן מהצפוי (ה-SDK של Android ו-Chrome יציגו אנימציה של סמל Cast באופן אוטומטי). אחרי ההתחברות, אפליקציית Web Receiver מופעלת.
- העדכנו את המצב ON / Connected של סמל Cast, ועכשיו הוא כולל מילוי מלא בתוך מסגרת הסמל.
כאן אפשר למצוא את הסמל החדש של Cast ואת תבניות הסמלים.
Android
השולח, הפעלת Cast נותקה
הפעלת Cast של מסך הבית
השולח, מתבצע חיבור של Cast
הפעלת Cast של מסך הבית
השולח, Cast מחובר
טעינה של אפליקציית Web Receiver
השולח, Cast מחובר
אפליקציית Web Receiver נטענה או במצב המתנה
iOS
השולח, אי אפשר להפעיל Cast
הפעלת Cast של מסך הבית
השולח, הפעלת Cast נותקה
הפעלת Cast של מסך הבית
השולח, מתבצע חיבור של Cast
הפעלת Cast של מסך הבית
השולח, Cast מחובר
טעינה של אפליקציית Web Receiver
השולח, Cast מחובר
אפליקציית Web Receiver נטענה או במצב המתנה
Chrome
השולח, אי אפשר להפעיל Cast
הסמל של Cast מוצג ב-Chrome כדי לספק גישה לתוסף Cast
בלי קשר לסטטוס החיבור.
הפעלת Cast של מסך הבית
השולח, הפעלת Cast נותקה
הפעלת Cast של מסך הבית
השולח, מתבצע חיבור של Cast
הפעלת Cast של מסך הבית
השולח, Cast מחובר
טעינה של אפליקציית Web Receiver
השולח, Cast מחובר
אפליקציית Web Receiver נטענה או במצב המתנה
התמונות שמופיעות במדריך העיצוב הזה
הן באדיבות Blender Foundation, והן משותפות במסגרת זכויות יוצרים או רישיון Creative Commons.
- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute /
www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-26 (שעון UTC).
[null,null,["עדכון אחרון: 2025-07-26 (שעון UTC)."],[[["\u003cp\u003eThe Cast button, used for connecting to Web Receivers and other devices, should be visible on every screen with playable content.\u003c/p\u003e\n"],["\u003cp\u003eUsers should be introduced to the Cast button's functionality with a highlight and explanatory message, especially on first use.\u003c/p\u003e\n"],["\u003cp\u003eThe Cast button has distinct visual states (Disconnected, Connecting, Connected) to indicate the connection status.\u003c/p\u003e\n"],["\u003cp\u003eThe Cast button should be consistently positioned, typically on the right side of the UI in mobile apps and Chrome's content media controls.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Cast allows for multitasking, enabling users to browse other apps while casting content.\u003c/p\u003e\n"]]],["The Cast button facilitates connections to Web Receivers, allowing users to control and disconnect. It should be consistently visible on all screens with playable content, positioned on the right in mobile apps and to the left of the fullscreen button in Chrome media controls. The button has distinct states: disconnected, connecting (animated), and connected (filled frame). Users should receive an introduction to the Cast feature, including visual highlights and explanatory messages.\n"],null,["# Cast Button\n\nThe Cast button opens a dialog to connect, control, and disconnect from Web Receivers.\n\nSee [Cast icons](/cast/docs/get-started#download_cast_icons_optional) to download the Cast button templates.\n\nNote that the Cast button is not specific to Google Cast; it can be used to represent both Web\nand non-Web Receivers (like Bluetooth headsets). Web Receivers should always appear under the\nCast dialog, and never under another dialog, menu, or control.\n\n### [Introduce Cast to users](#prompting)\n\nIntroducing the Cast button helps existing users know that the sender app now supports Casting\nand also helps users new to Google Cast.\n\n\n**Required**\n\n\nA Show a Cast introduction screen the first time\nWeb Receivers are available. For iOS senders, show a Cast introduction\nscreen the first time the Cast button appears.\n\n\nB Visually highlight the Cast button by circling the\nbutton)\n\n\nC Explain how the Cast button works (for example,\ndisplaying a message such as \"Touch to cast videos to your TV\") \n\n### Android\n\nCast introduction \nCast home screen \n\n### iOS\n\nCast introduction \nCast home screen \n\n### Chrome\n\nCast introduction \nCast home screen \n\n### [Cast button availability](#sender-cast-icon-available)\n\n\n**Required**\n\n\nA The Cast button must\nbe visible from every screen where there is playable content, and located in a consistent position\nwhile browsing or playing content. It will also appear in Chrome's header for global control.\n\n\nB In Chrome, the Cast button can be hidden\nwhen Web Receivers aren't available. For Android and iOS senders,\nthe Cast button should always display when the device is on Wi-Fi, so proper help can be given\nif the user has turned off local network access and devices become undiscoverable as a result\n(see [iOS Permissions and Discovery](/cast/docs/ios_sender/permissions_and_discovery)\nfor more details).\n\n\nC In mobile apps, the Cast button should be on the right\nside.\n\n\nD In Chrome, the Cast button should be on the right side in\nthe content media controls (for example, see embedded video). If the media controls contain a fullscreen\nbutton, place the Cast button to the left of it.\n\n**Note**\n\nGoogle Cast employs a multi-tasking model, which allows users to browse the sender app and\nother apps while casting. The Cast button must be visible from every screen where there is\nplayable content, so the user doesn't have to hunt to find where to pause or stop the content\nplaying on TV. \n\n### Android\n\nSender disconnected \nCast home screen \n\n### iOS\n\nSender disconnected \nCast home screen \n\n### Chrome\n\nSender disconnected \nCast home screen \n\n### [Cast button states](#sender-cast-icon-states)\n\n\n**Required**\n\n\nA Disconnected: When Web Receivers are available, the\nCast button appears\n\n\nB Connecting: When the Web Receiver is connecting, the\nCast button animates the waves in the icon progressively (for details, see note below)\n\n\nC Connected: When this app is connected to the Cast\nWeb Receiver, its Cast button appears with a filled frame shape\n\n\n**Best practices**\n\n\nFor each of the button states, use colors that match the style of other UI\nelements of your app. Using a distinct highlight color (such as yellow) for the ON / Connected\nstate is optional.\n\n\n**Notes**\n\n- The Cast icon displays on Chrome, Android, and iOS to provide access to the Cast extension regardless of the availability of Cast devices.\n- The Connecting (animated) state appears when the connection to the Cast API takes longer than expected (the Android and Chrome SDK's will automatically animate the Cast icon). Once connected, the Web Receiver app launches.\n- The ON / Connected state of the Cast icon has been updated and now uses a solid fill within the icon frame. The new Cast icon and icon templates are available [here](/cast/docs/get-started#download_cast_icons_optional).\n\n\u003cbr /\u003e\n\n### Android\n\nSender, Cast disconnected \nCast home screen \nSender, Cast connecting \nCast home screen \nSender, Cast connected \nWeb Receiver app loading \nSender, Cast connected \nWeb Receiver app loaded / idle \n\n### iOS\n\nSender, Cast unavailable \nCast home screen \nSender, Cast disconnected \nCast home screen \nSender, Cast connecting \nCast home screen \nSender, Cast connected \nWeb Receiver app loading \nSender, Cast connected \nWeb Receiver app loaded / idle \n\n### Chrome\n\nSender, Cast unavailable\n\nThe Cast icon displays in Chrome to provide access to the Cast extension regardless of the connection state. \nCast home screen \nSender, Cast disconnected \nCast home screen \nSender, Cast connecting \nCast home screen \nSender, Cast connected \nWeb Receiver app loading \nSender, Cast connected \nWeb Receiver app loaded / idle \n\n**Images used in this design guide**\nare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.\n\n- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org\n- Sintel: (c) copyright Blender Foundation \\| www.sintel.org\n- Tears of Steel: (CC) Blender Foundation \\| mango.blender.org\n- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org"]]
