تجربه کاربری با پلتفرم Google Cast
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
Google Cast به برنامه‌های وب Android، iOS و Chrome اجازه می‌دهد محتوا را - مانند ویدئو، صدا و اشتراک‌گذاری صفحه نمایش (آینه‌کاری) - به دستگاه‌های آماده Cast مانند:
- Google Chromecast
- تلویزیون هایی که با Google Cast کار می کنند
- بلندگوهایی که با Google Cast کار می کنند
- نمایشگرهای هوشمند (مانیتور LCD قابل حمل با صفحه نمایش لمسی که به عنوان تین کلاینت استفاده می شود)
- تبلت های اندروید
در مدل تعامل Google Cast، تلفن همراه، تبلت یا لپ تاپ فرستنده ای است که به عنوان یک کنترل از راه دور برای کنترل پخش عمل می کند و تلویزیون، نمایشگر یا تبلت متصل گیرنده ای است که دستورالعمل ها را از فرستنده دریافت می کند و محتوا را از آن نمایش می دهد. اتصال به اینترنت گیرنده همه اقدامات کاربر (ضربه زدن و کشیدن انگشت) می توانند هم در دستگاه فرستنده یا هم در گیرنده وب انجام شوند.
بازیگری به هماهنگی بین دو یا چند صفحه متکی است. رابط کاربری فرستنده و رابط کاربری گیرنده - آنها باید با هم کار کنند. برای مثال، اگر دکمه‌ای را روی یک دستگاه تلفن همراه فشار دهید تا محتوا را متوقف کنید، تلویزیون باید نشان دهد که متوقف شده است، در حالی که دستگاه تلفن همراه باید دکمه پخش را برای ازسرگیری پخش ارائه دهد.
ملاحظات
به دلیل محدودیت‌های سخت‌افزاری و منابع، محدودیت‌های خاصی برای برنامه‌های دارای Google Cast فعال وجود دارد:
- دستگاه Cast یک دستگاه کم مصرف با محدودیت های حافظه، CPU و GPU است، بنابراین برنامه Web Receiver باید تا حد امکان سبک باشد.
- برای مدل‌های تعامل Cast و Google Cast، می‌توان برگه‌ها، پنجره‌ها یا پنجره‌های بازشو را هم در برنامه گیرنده وب یا فرستنده ایجاد کرد و هم می‌توان ورودی‌های کاربر را مستقیماً پذیرفت، مانند ضربه زدن یا کشیدن انگشت. به عنوان مثال، برنامه گیرنده وب در رایانه لوحی یا نمایشگر متصل می تواند یک دکمه مکث را نمایش دهد و ضربه کاربر را دریافت کند. به این ترتیب، تمام اقدامات روی برنامه باید از یک گیرنده وب یا برنامه فرستنده آغاز شود.
- نمایشگرهای هوشمند از ورودی کاربر از طریق برنامه فرستنده یا از طریق لمس روی رابط کاربری پشتیبانی می‌کنند.
- Web Receiver یک مرورگر کروم است که برای پخش ویدیو بهینه شده است. به این ترتیب، WebGL و Chrome Native Client (NaCL) در حال حاضر پشتیبانی نمی‌شوند و افزونه‌های Chrome نیز پشتیبانی نمی‌شوند.
- Cast از پخش جریانی همزمان رسانه در تگ‌های
<audio> و <video> یا چندین آهنگ صوتی با استفاده از WebAudio API پشتیبانی می‌کند. فقط یک عنصر ویدیویی ممکن است در هر زمانی در DOM فعال باشد. علاوه بر این، ترکیب، دستکاری، تبدیل، چرخش یا بزرگنمایی ویدیو پشتیبانی نمی شود.
اصول کلی طراحی
هنگام توسعه رابط کاربری خود موارد زیر را در نظر داشته باشید.
رابط گیرنده وب:
- گیرنده وب می‌تواند هم عناصر تعاملی و هم عناصر اطلاعاتی برای توصیف وضعیت برنامه، مانند توقف یا پخش، یا پیام‌های خطا داشته باشد. تعامل کاربر می‌تواند در فرستنده Cast (تلفن، رایانه لوحی یا مرورگر Chrome) یا گیرنده وب (تلویزیون، نمایشگر یا رایانه لوحی) انجام شود.
- به یاد داشته باشید که عمل ویدیو در وسط صفحه تلویزیون انجام می شود و عناصر رابط کاربری شما نباید در ارائه تداخل داشته باشند. عناصر UI را در یک سوم پایین صفحه نمایش گیرنده وب قرار دهید، و یک حاشیه 10٪ از لبه های صفحه برای اسکن بیش از حد احتمالی باقی بگذارید.
- در صورت امکان، انتقال از یک حالت نمایشگر به حالت دیگر باید صاف و سینمایی باشد. به جای حرکت ناگهانی از حالتی به حالت دیگر، از انتقال هایی مانند fade-in و fade-out استفاده کنید. به عنوان مثال، وضعیت بارگیری محتوا روی صفحه باقی می ماند و در تجربه پخش رسانه محو می شود.
رابط فرستنده:
- فرستنده از اقدامات کاربر پشتیبانی می کند و گیرنده وب اطلاعات وضعیت را نمایش می دهد. به عنوان مثال، اگر محتوا متوقف شود، تلویزیون باید نشان دهد که متوقف شده است، در حالی که دستگاه تلفن همراه نشان می دهد که آماده شروع پخش است (مثلاً نشان دادن یک دکمه پخش به کاربر).
- سرعت مهم است کاربران باید بتوانند به سرعت کنترل ارسال را پیدا کنند و مشاهده کنند که محتوا بلافاصله در صفحه نمایش بزرگ شروع به پخش می کند. در حین بارگیری محتوا، شاخص‌های بارگیری متحرک را ارائه دهید و از انتقال‌ها برای کمک به ایجاد سریع‌تر احساس استفاده کنید.
ساده ترین راه برای اطمینان از اینکه برنامه Cast شما از این اصول پیروی می کند این است که رابط کاربری خود را با چک لیست Cast Design بررسی کنید و برنامه های Cast خود را آزمایش کنید .
دستورالعمل های برند
دستورالعمل‌های برند Google Cast زیر برای توسعه‌دهندگان برنامه است و بر الزامات اضافی که باید برای توصیف برنامه خود به صورت متنی رعایت کنید، تمرکز می‌کنند. برای دستورالعمل‌های برند دستگاه‌های Cast، به مرکز بازاریابی شریک مراجعه کنید. با استفاده از عبارت «Google Cast-enabled» می‌توانید به دیگران اطلاع دهید که برنامه شما با Google Cast کار می‌کند. با این حال مطمئن شوید که برنامه شما با شرایط خدمات برنامه‌نویس اضافی Cast SDK و فهرست بررسی طراحی مطابقت دارد و استفاده شما از «Google Cast-enabled» با دستورالعمل‌های مارک تجاری ما مطابقت دارد.
تا زمانی که برنامه یا دستگاه شما با دستورالعمل‌های نشان ما مطابقت داشته باشد، می‌توانید به طور مشابه از نشان Google Cast استفاده کنید. Google این حق را برای خود محفوظ می‌دارد که از شما درخواست کند در صورتی که نشان را با دستورالعمل‌های برند مطابقت نداشته باشد، تغییر دهید یا استفاده از آن را متوقف کنید.
"Google Cast" در متن
- وقتی یک برنامه (نه یک محصول سخت افزاری) را به عنوان قابلیت Cast-enabled توصیف می کنید، از عبارت «Google Cast-enabled» استفاده کنید. به عنوان مثال: "این برنامه دارای Google Cast-enabled است".
- هنگام توصیف محصول سخت افزاری شخص ثالث سازگار Cast، از «This {TV} with Google Cast کار می کند»، «This {Speakers} with 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
برای نمایش سازگاری با دستگاه‌هایی که از پروتکل Cast استفاده می‌کنند، می‌توانید از نشان‌های «Google Cast» در وب‌سایت، فهرست فروشگاه برنامه، مواد بازاریابی و مواد تبلیغاتی خود استفاده کنید.
- رنگ، نسبت ها، فاصله یا هر جنبه دیگری از تصویر نشان را تغییر ندهید.
- هنگامی که در کنار نشان‌واره‌ها برای سایر فن‌آوری‌های مواد تشکیل دهنده (به عنوان مثال، بلوتوث، Spotify Connect، AirPlay و غیره) استفاده می‌شود، نشان Google Cast باید اندازه یکسان یا بزرگ‌تر داشته باشد.
- نشان را عنصر اصلی صفحه خود قرار ندهید.
- مقداری فاصله بین نشان و سایر لوگوها و نمادهای صفحه خود را حفظ کنید.
- وقتی روی پس‌زمینه سفید، روشن یا با رنگ متوسط استفاده می‌شود، از نشان سیاه استفاده کنید.
- هنگامی که در زمینه سیاه یا تیره استفاده می شود، از نشان سفید استفاده کنید.
- از نشان در صفحه‌ای استفاده نکنید که حاوی یا نمایش محتوای بزرگسالان است، قمار را ترویج می‌کند، خشونت را ترویج می‌کند، حاوی سخنان مشوق تنفر است، شامل فروش تنباکو یا الکل به افراد زیر بیست و یک سال است، سایر قوانین یا مقررات قابل اجرا را نقض می‌کند یا در غیر این صورت قابل اعتراض است
پیوند نشان
هنگام استفاده آنلاین، نشان Google Cast باید به یکی از موارد زیر پیوند داشته باشد:
- فهرست Google از برنامه‌ها و محصولات دارای Google Cast فعال در g.co/castapps .
- لیستی از محصولات منتشر شده توسط شما.
- صفحه جزئیات محصول خاص که توسط شما منتشر شده است.
- لیستی از برنامه های منتشر شده توسط شما.
- یک صفحه جزئیات برنامه خاص که توسط شما، در Google Play یا در Apple App Store منتشر شده است.
دارایی‌های نشان Google Cast را دانلود کنید
بسته دانلودی شامل قالب‌های Portable Network Graphics (.png)، Adobe Illustrator (.ai) و Enapsulated Postscript (.eps) است.
پیش نمایش نشان های Google Cast
برای مشاهده همه نشان‌ها و دستورالعمل‌های استفاده، به صفحه دستورالعمل‌های نشان‌ها مرکز شریک مراجعه کنید.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده 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."]]
