Checkliste für das Design von Google Cast
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Die folgende Design-Checkliste soll Ihnen eine einfache und vorhersehbare Cast-Nutzung auf allen Plattformen ermöglichen. Wenn du die folgenden Richtlinien beim Entwerfen deiner App befolgst, kannst du Google Cast optimal nutzen.
Die in diesem Designleitfaden verwendeten Bilder stammen mit freundlicher Genehmigung der Blender Foundation, die im Rahmen einer Urheberrechts- oder Creative-Commons-Lizenz freigegeben wird.
- Elephant's Dream: (c) Copyright 2006, Blender Foundation / Dutch Media Art Institute / www.elephantsdream.org
- Sintel: (c) Copyright Blender Foundation | www.sintel.org
- Tears of Steel: Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2022-12-06 (UTC).
[null,null,["Zuletzt aktualisiert: 2022-12-06 (UTC)."],[[["\u003cp\u003eThis design checklist ensures a simple and predictable Cast user experience across all platforms by providing guidelines for app design.\u003c/p\u003e\n"],["\u003cp\u003eThe checklist covers key aspects of Cast integration, such as the Cast button, dialog, autoplay functionality, sender application behavior, and receiver application behavior for both touch and non-touch devices.\u003c/p\u003e\n"],["\u003cp\u003eBy adhering to these guidelines, developers can create apps that offer the best possible Cast experience for users, including seamless casting, intuitive controls, and consistent behavior across different devices.\u003c/p\u003e\n"],["\u003cp\u003eThe checklist includes detailed recommendations for handling various user interactions and scenarios, such as prompting users to cast, managing the Cast dialog, implementing autoplay features, and controlling playback on both sender and receiver devices.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can use this checklist as a reference to ensure their apps meet the Cast design standards and provide a user-friendly casting experience.\u003c/p\u003e\n"]]],["This guide provides a comprehensive design checklist for creating a consistent Cast user experience. It covers Cast basics, button behaviors, and dialog states. It details Cast autoplay features like queue management, notifications, and control options. The checklist also addresses sender app controls (volume, mini/expanded controllers, notifications) and receiver app UI for both touch and non-touch interfaces, including various states like idle, loading, and playback. Finally, there is a changelog.\n"],null,["# Google Cast Design Checklist\n\nThe design checklist below is provided to make the Cast user experience simple and predictable\nacross all platforms. Following these guidelines when designing your app will ensure the best Cast\nexperience for your users. \n\n### Cast basics\n\n[Cast sequence](/cast/docs/design_checklist/cast-basics#cast-session-sequence)\n\n[Cast home screen](/cast/docs/design_checklist/cast-basics#cast-home)\n\n[Cast terminology](/cast/docs/design_checklist/cast-basics#cast-terminology)\n\n### Cast button\n\n[Introduce Cast to users](/cast/docs/design_checklist/cast-button#prompting)\n\n[Cast button availability](/cast/docs/design_checklist/cast-button#sender-cast-icon-available)\n\n[Cast button states](/cast/docs/design_checklist/cast-button#sender-cast-icon-states)\n\n### Cast dialog\n\n[Cast dialog, not connected (receivers available)](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-available)\n\n[Cast dialog, connected but not casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-connected)\n\n[Cast dialog, while casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-casting)\n\n### Cast autoplay\n\n[Up Next notification](/cast/docs/design_checklist/cast-autoplay#up-next-notification)\n\n[Timeout notification](/cast/docs/design_checklist/cast-autoplay#timeout-notification)\n\n[Persistent control](/cast/docs/design_checklist/cast-autoplay#persistent-control)\n\n[Full control](/cast/docs/design_checklist/cast-autoplay#full-control)\n\n[Queue](/cast/docs/design_checklist/cast-autoplay#queue)\n\n[Add option](/cast/docs/design_checklist/cast-autoplay#add-option)\n\n[Add/play option](/cast/docs/design_checklist/cast-autoplay#add-play-option)\n\n[Added notification](/cast/docs/design_checklist/cast-autoplay#added-notification)\n\n[Reorder items](/cast/docs/design_checklist/cast-autoplay#reorder-items)\n\n[Remove items](/cast/docs/design_checklist/cast-autoplay#remove-items)\n\n[Clear all items](/cast/docs/design_checklist/cast-autoplay#clear-all-items)\n\n[History](/cast/docs/design_checklist/cast-autoplay#history)\n\n### Sender app\n\n[Sender volume controls](/cast/docs/design_checklist/sender#sender-control-volume)\n\n[Sender expanded controller](/cast/docs/design_checklist/sender#sender-expanded-controller)\n\n[Sender mini controller](/cast/docs/design_checklist/sender#sender-mini-controller)\n\n[Sender notification](/cast/docs/design_checklist/sender#sender-control-notification)\n\n[Sender lock screen](/cast/docs/design_checklist/sender#sender-control-lockscreen)\n\n[Sender resumes cast](/cast/docs/design_checklist/sender#sender-control-resume)\n\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end)\n\n### Receiver app: non-touch\n\n[Receiver UI](/cast/docs/design_checklist/receiver#receiver-ui-elements)\n\n[Receiver app idle](/cast/docs/design_checklist/receiver#receiver-ui-idle)\n\n[Receiver app loading](/cast/docs/design_checklist/receiver#receiver-player-loading)\n\n[Receiver content loading](/cast/docs/design_checklist/receiver#receiver-content-loading)\n\n[Receiver playback](/cast/docs/design_checklist/receiver#receiver-ui-seek)\n\n[Receiver paused](/cast/docs/design_checklist/receiver#receiver-ui-pause)\n\n[Receiver buffering](/cast/docs/design_checklist/receiver#receiver-ui-buffer)\n\n[Receiver stops cast](/cast/docs/design_checklist/receiver#receiver-ui-complete)\n\n### Receiver app: touch\n\n[Receiver UI](/cast/docs/design_checklist/receiver_touch#receiver-ui-elements)\n\n[Receiver app idle](/cast/docs/design_checklist/receiver_touch#receiver-ui-idle)\n\n[Receiver app loading](/cast/docs/design_checklist/receiver_touch#receiver-player-loading)\n\n[Receiver content loading](/cast/docs/design_checklist/receiver_touch#receiver-content-loading)\n\n[Receiver playback](/cast/docs/design_checklist/receiver_touch#receiver-ui-seek)\n\n[Receiver paused](/cast/docs/design_checklist/receiver_touch#receiver-ui-pause)\n\n[Receiver buffering](/cast/docs/design_checklist/receiver_touch#receiver-ui-buffer)\n\n[Receiver stops cast](/cast/docs/design_checklist/receiver_touch#receiver-ui-complete)\n\n### Changelog\n\n[List of changes](/cast/docs/design_checklist/changelog)\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"]]
