دکمه Cast
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
دکمه Cast یک گفتگو برای اتصال، کنترل و قطع ارتباط از گیرنده های وب باز می کند.
برای دانلود الگوهای دکمه Cast به نمادهای Cast مراجعه کنید.
توجه داشته باشید که دکمه Cast مختص Google Cast نیست. می توان از آن برای نمایش گیرنده های وب و غیر وب (مانند هدست های بلوتوث) استفاده کرد. گیرنده‌های وب همیشه باید در زیر کادر گفتگوی Cast ظاهر شوند و هرگز در کادر گفتگو، منو یا کنترل دیگری ظاهر نشوند.
معرفی دکمه Cast به کاربران فعلی کمک می کند بدانند که برنامه فرستنده اکنون از Casting پشتیبانی می کند و همچنین به کاربرانی که تازه وارد Google Cast شده اند کمک می کند.
مورد نیاز
نمایش یک صفحه معرفی Cast اولین باری که گیرنده های وب در دسترس هستند. برای فرستندگان iOS، اولین باری که دکمه Cast ظاهر می شود، یک صفحه معرفی Cast را نشان دهید.
B با دور زدن دکمه، دکمه Cast را برجسته کنید)
C نحوه عملکرد دکمه Cast را توضیح دهید (به عنوان مثال، نمایش پیامی مانند "برای پخش ویدیوها به تلویزیون خود لمس کنید")
اندروید
معرفی بازیگران
پخش صفحه اصلی
iOS
معرفی بازیگران
پخش صفحه اصلی
کروم
معرفی بازیگران
پخش صفحه اصلی
مورد نیاز
یک دکمه Cast باید از هر صفحه‌ای که محتوای قابل پخش در آن وجود دارد قابل مشاهده باشد و هنگام مرور یا پخش محتوا در یک موقعیت ثابت قرار گیرد. همچنین در هدر کروم برای کنترل جهانی ظاهر خواهد شد.
B در Chrome، وقتی گیرنده‌های وب در دسترس نیستند، دکمه Cast را می‌توان پنهان کرد. برای فرستنده‌های Android و iOS، دکمه Cast باید همیشه زمانی که دستگاه روی Wi-Fi است نمایش داده شود، بنابراین اگر کاربر دسترسی به شبکه محلی را خاموش کرده باشد و در نتیجه دستگاه‌ها غیرقابل کشف شوند، می‌توان کمک مناسبی ارائه کرد (برای مشاهده مجوزهای iOS و کشف، به آن مراجعه کنید. جزئیات بیشتر).
C در برنامه های تلفن همراه، دکمه Cast باید در سمت راست باشد.
D در Chrome، دکمه Cast باید در سمت راست کنترل‌های رسانه محتوا باشد (برای مثال، ویدیوی جاسازی شده را ببینید). اگر کنترل‌های رسانه حاوی یک دکمه تمام صفحه هستند، دکمه Cast را در سمت چپ آن قرار دهید.
توجه داشته باشید
Google Cast از یک مدل چند وظیفه ای استفاده می کند که به کاربران امکان می دهد برنامه فرستنده و سایر برنامه ها را هنگام ارسال محتوا مرور کنند. دکمه Cast باید از هر صفحه‌ای که محتوای قابل پخش وجود دارد قابل مشاهده باشد، بنابراین کاربر مجبور نیست برای یافتن مکان توقف یا توقف پخش محتوا در تلویزیون جستجو کند.
اندروید
ارتباط فرستنده قطع شد
پخش صفحه اصلی
iOS
ارتباط فرستنده قطع شد
پخش صفحه اصلی
کروم
ارتباط فرستنده قطع شد
پخش صفحه اصلی
مورد نیاز
A قطع شده: هنگامی که گیرنده های وب در دسترس هستند، دکمه Cast ظاهر می شود
B اتصال: هنگامی که گیرنده وب در حال اتصال است، دکمه Cast امواج موجود در نماد را به تدریج متحرک می کند (برای جزئیات، به یادداشت زیر مراجعه کنید)
C Connected: وقتی این برنامه به گیرنده وب Cast متصل می شود، دکمه Cast آن با یک قاب پر شده ظاهر می شود.
بهترین شیوه ها
برای هر یک از حالت‌های دکمه، از رنگ‌هایی استفاده کنید که با سبک سایر عناصر رابط کاربری برنامه شما مطابقت دارند. استفاده از رنگ هایلایت متمایز (مانند زرد) برای حالت روشن / متصل اختیاری است.
یادداشت ها
- نماد Cast در Chrome، Android و iOS نمایش داده می‌شود تا بدون توجه به در دسترس بودن دستگاه‌های Cast، دسترسی به برنامه افزودنی Cast را فراهم کند.
- حالت اتصال (متحرک) زمانی ظاهر می شود که اتصال به Cast API بیشتر از حد انتظار طول بکشد (Android و Chrome SDK به طور خودکار نماد Cast را متحرک می کنند). پس از اتصال، برنامه Web Receiver راه اندازی می شود.
- وضعیت روشن / متصل نماد Cast به‌روزرسانی شده است و اکنون از یک پرکننده جامد در قاب نماد استفاده می‌کند. نماد Cast و الگوهای نماد جدید در اینجا موجود است.
اندروید
فرستنده، ارتباط Cast قطع شد
پخش صفحه اصلی
فرستنده، ارتباط Cast
پخش صفحه اصلی
فرستنده، Cast متصل است
بارگیری برنامه گیرنده وب
فرستنده، Cast متصل است
برنامه گیرنده وب بارگیری شد / بیکار
iOS
فرستنده، Cast در دسترس نیست
پخش صفحه اصلی
فرستنده، ارتباط Cast قطع شد
پخش صفحه اصلی
فرستنده، ارتباط Cast
پخش صفحه اصلی
فرستنده، Cast متصل است
بارگیری برنامه گیرنده وب
فرستنده، Cast متصل است
برنامه گیرنده وب بارگیری شد / بیکار
کروم
فرستنده، Cast در دسترس نیست
نماد Cast در Chrome نمایش داده می شود تا بدون در نظر گرفتن وضعیت اتصال، دسترسی به برنامه افزودنی Cast را فراهم کند.
پخش صفحه اصلی
فرستنده، ارتباط Cast قطع شد
پخش صفحه اصلی
فرستنده، ارتباط Cast
پخش صفحه اصلی
فرستنده، Cast متصل است
بارگیری برنامه گیرنده وب
فرستنده، Cast متصل است
برنامه گیرنده وب بارگیری شد / بیکار
تصاویر استفاده شده در این راهنمای طراحی توسط بنیاد Blender ساخته شده است و تحت مجوز کپی رایت یا Creative Commons به اشتراک گذاشته شده است.
- رویای فیل: (ج) حق چاپ 2006، بنیاد بلندر / موسسه هنر رسانه هلند / www.elephantsdream.org
- Sintel: (ج) کپی رایت Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (ج) حق چاپ 2008، Blender Foundation / www.bigbuckbunny.org
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین به‌روزرسانی 2025-07-24 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین به‌روزرسانی 2025-07-24 بهوقت ساعت هماهنگ جهانی."],[[["\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"]]
