חוויית המשתמש בפלטפורמת Google Cast
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
Google Cast מאפשר לאפליקציות אינטרנט ל-Android, ל-iOS ול-Chrome "לסטרימינג" תוכן – כמו וידאו, אודיו ושיתוף מסך (שיקוף) – למכשירים שתומכים ב-Cast, כמו:
- Google Chromecast
- טלוויזיות שפועלות עם Google Cast
- רמקולים שפועלים עם Google Cast
- מסכים חכמים (צג LCD נייד עם מסך מגע המשמש כלקוח דק)
- טאבלטים של Android
במודל האינטראקציה של Google Cast, הטלפון הנייד, הטאבלט או המחשב הנייד הם השולח, שמשמשים כשלט רחוק כדי לשלוט בהפעלה. הטלוויזיה, המסך או הטאבלט המחובר הם המקלט, שמקבל הוראות מהשולח ומציג את התוכן דרך חיבור האינטרנט של המקלט. כל פעולות המשתמש (הקשות ותנועות החלקה) יכולות להתבצע גם במכשיר השולח וגם במכשיר המקבל באינטרנט.
ההעברה (cast) מתבססת על תיאום בין שני מסכים או יותר: ממשק המשתמש של השולח וממשק המשתמש של המקבל – הם חייבים לפעול יחד. לדוגמה, אם תלחצו על לחצן במכשיר הנייד כדי להשהות את התוכן, בטלוויזיה אמור להופיע סימן להשהיה, ובמכשיר הנייד אמור להופיע לחצן הפעלה כדי להמשיך את ההפעלה.
לתשומת ליבכם
עקב מגבלות חומרה ומשאבים, יש הגבלות מסוימות על אפליקציות שתומכות ב-Google Cast:
- מכשיר Cast הוא מכשיר בעל מתח נמוך עם מגבלות של זיכרון, מעבד (CPU) ומעבד גרפי (GPU), ולכן האפליקציה של מקלט האינטרנט צריכה להיות קלה ככל האפשר.
- במודלים של אינטראקציה עם Cast ו-Google Cast, אפשר ליצור כרטיסיות, חלונות או חלונות קופצים גם בנגן האינטרנט וגם באפליקציית השליחה, וגם לקבל ישירות קלט מהמשתמשים, כמו הקשות או החלקות. לדוגמה, אפליקציית Web Receiver בטאבלט או במסך שמחובר למעמד יכולה להציג לחצן השהיה ולקבל הקשה של משתמש. כך, כל הפעולות באפליקציה חייבות להיות מופעלות מ-Web Receiver או מאפליקציית שליחה.
- במסכים חכמים יש תמיכה בקלט של משתמשים דרך אפליקציית שולח או במגע בממשק המשתמש.
- מקלט האינטרנט הוא דפדפן Chrome שמותאם להפעלת וידאו. לכן, כרגע אין תמיכה ב-WebGL וב-Chrome Native Client (NaCL), וגם לא בתוספים של Chrome.
- התכונה Cast תומכת בהפעלה של שידור מדיה יחיד בו-זמנית בתגים
<audio> ו-<video>, או בכמה טראקים של אודיו באמצעות WebAudio API. רק רכיב וידאו אחד יכול להיות פעיל ב-DOM בכל רגע נתון.
בנוסף, אין תמיכה ביצירת קומפוזיציות של סרטונים, מניפולציה, טרנספורמציות, סיבוב או שינוי מרחק התצוגה (zoom).
עקרונות עיצוב כלליים
חשוב לזכור את הנקודות הבאות כשיוצרים את ממשק המשתמש.
ממשק של מקלט אינטרנט:
- מקלט האינטרנט יכול לכלול אלמנטים אינטראקטיביים ואלמנטים מידעיים כדי לתאר את מצב האפליקציה, למשל 'השהיה' או 'הפעלה', או הודעות שגיאה. האינטראקציה של המשתמש יכולה להתרחש במכשיר לשליחת ההעברה (טלפון, טאבלט או דפדפן Chrome) או במכשיר המקבל באינטרנט (טלוויזיה, מסכים או טאבלטים).
- חשוב לזכור שהפעולה בסרטון מתרחשת באמצע מסך הטלוויזיה, ורכיבי ממשק המשתמש לא אמורים להפריע להצגה. מומלץ למקם את רכיבי ממשק המשתמש בשליש התחתון של המסך של מקלט האינטרנט, ולהשאיר שוליים של 10% מהקצוות של המסך למקרה של הגדלה מעבר לגבולות המסך.
- כשהדבר אפשרי, המעבר ממצב מסך אחד למצב אחר צריך להיות חלק ולהיראות קולנועי. במקום לעבור באופן פתאומי ממדינה למדינה, כדאי להשתמש במעברים כמו 'הופעה' ו'היעלמוּת'. לדוגמה, המצב של טעינת התוכן נשאר במסך ומתבהר לחוויית ההפעלה של המדיה.
ממשק השולח:
- השולח תומך בפעולות של משתמשים, והמקלט באינטרנט מציג את נתוני המצב.
לדוגמה, אם התוכן מושהה, בטלוויזיה צריך להופיע סימן להשהיה, ובמכשיר הנייד צריך להופיע סימן לכך שההפעלה מוכנה להתחיל (לדוגמה, לחצן הפעלה).
- המהירות קובעת. המשתמשים צריכים להיות מסוגלים לאתר במהירות את לחצן השליטה בהעברה (cast) ולראות שהתוכן מתחיל לפעול באופן מיידי במסך הגדול. בזמן הטעינה של התוכן, כדאי להציג אינדיקטורים מונפשים של טעינה ולהשתמש במעברים כדי ליצור תחושה של מהירות.
הדרך הקלה ביותר לוודא שאפליקציית ה-Cast פועלת בהתאם לעקרונות האלה היא לבדוק את ממשק המשתמש באמצעות רשימת המשימות לעיצוב של Cast ולבדוק את אפליקציות ה-Cast.
ספר מותג
הנחיות המיתוג הבאות של Google Cast מיועדות למפתחי אפליקציות, והן מתמקדות בדרישות הנוספות שצריך לעמוד בהן כדי לתאר את האפליקציה בטקסט.
הנחיות המיתוג של מכשירי Cast מפורטות ב-Partner Marketing Hub.
כדי להודיע לאחרים שהאפליקציה שלכם עובדת עם Google Cast, תוכלו להשתמש במונח 'מופעלת באמצעות Google Cast'. עם זאת, חשוב לוודא שהאפליקציה עומדת בתנאים הנוספים להגבלות על מפתחים של SDK ל-Cast וברשימת המשימות לבדיקה של עיצוב, ושהשימוש בתו 'תואם ל-Google Cast' עומד בהנחיות למיתוג שלנו.
באופן דומה, אפשר להשתמש בתג Google Cast כל עוד האפליקציה או המכשיר עומדים בהנחיות שלנו בנושא תגים. Google שומרת לעצמה את הזכות לבקש ממך לשנות את השימוש שלך בתג או להפסיק להשתמש בו אם הוא לא עומד בהנחיות המיתוג.
'Google Cast' בטקסט
- כשמתארים אפליקציה (לא מוצר חומרה) שתומכת ב-Cast, צריך להשתמש בביטוי 'תומכת ב-Google Cast'. לדוגמה: "באפליקציה הזו מופעלת תמיכה ב-Google Cast".
- כשמתארים מוצר חומרה של צד שלישי שתואם ל-Cast, צריך להשתמש באפשרות
'ה-{TV} הזה עובד עם Google Cast' ו-'{speakers} פועלים עם Google Cast'.
- כשכותבים את המילים Google ו-Cast בטקסט, צריך להשתמש באותיות רישיות.
- בכל נכס שיווקי שבו נעשה שימוש ב-'Google Cast' בטקסט או בתג/בלוגו, צריך לכלול את הצהרת הייחוס המשפטית הבאה: Google Cast הוא סימן מסחרי של Google LLC.
- אל תכללו את Google Cast בשם האפליקציה (למשל, XYZ Google Cast App).
שליחת הודעות באפליקציות שתומכות ב-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 צריך להיות בגודל שווה או גדול יותר.
- אל תגדירו את התג כרכיב הראשי בדף.
- חשוב להשאיר מרחק בין התג לבין סמלי לוגו וסמלים אחרים בדף.
- כשמשתמשים בתג על רקע לבן, בהיר או בגוון בינוני, צריך להשתמש בתג שחור.
- כשמשתמשים בתג ברקע שחור או בגוונים כהים, צריך להשתמש בתג הלבן.
- אסור להשתמש בתג בדף שמכיל או מציג תוכן למבוגרים בלבד, שמקדם הימורים, שמקדם אלימות, שמכיל דברי שטנה, שמעורב בו מכירת טבק או אלכוהול לאנשים מתחת לגיל 21, שמפר חוקים או תקנות רלוונטיים אחרים או שמכיל תוכן שעלול לפגוע באנשים.
קישור תגים
כשמשתמשים בתג Google Cast באינטרנט, הוא חייב לקשר לאחד מהמקורות הבאים:
- ברשימה של Google של אפליקציות ומוצרים שתומכים ב-Google Cast בכתובת g.co/castapps.
- רשימה של מוצרים שפרסמתם.
- דף פרטי מוצר ספציפי שפרסמתם.
- רשימה של האפליקציות שפרסמתם.
- דף פרטי אפליקציה ספציפי שפורסם על ידכם, ב-Google Play או ב-Apple App Store.
הורדה של נכסי תג Google Cast
חבילת ההורדה כוללת את הפורמטים Portable Network Graphics (.png), Adobe Illustrator (.ai) ו-Encapsulated Postscript (.eps).
תצוגה מקדימה של תגי Google Cast
בדף ההנחיות לתגים של מרכז השותפים תוכלו למצוא את כל התגים הזמינים והוראות השימוש.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-25 (שעון UTC).
[null,null,["עדכון אחרון: 2025-07-25 (שעון UTC)."],[[["\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."]]
