รายการตรวจสอบการออกแบบ Google Cast
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
รายการตรวจสอบการออกแบบด้านล่างมีไว้เพื่อช่วยให้ผู้ใช้ได้รับประสบการณ์การแคสต์ที่ง่ายและคาดเดาได้บนทุกแพลตฟอร์ม การปฏิบัติตามหลักเกณฑ์เหล่านี้เมื่อออกแบบแอปจะช่วยให้ผู้ใช้ได้รับประสบการณ์การแคสต์ที่ดีที่สุด
รูปภาพที่ใช้ในคู่มือการออกแบบนี้ได้รับการเอื้อเฟื้อจาก Blender Foundation ที่แชร์ภายใต้ลิขสิทธิ์หรือสัญญาอนุญาตครีเอทีฟคอมมอนส์ (Creative Commons License)
- แพ็คเกจ Elephant's Dream: (ค) ลิขสิทธิ์ 2006, Blender Foundation / Netherlands Media Art Institute /
www.elephants Dream.org
- Sintel: (ค) มูลนิธิ Blender ด้านลิขสิทธิ์ | www.sintel.org
- น้ําตา เหล็ก: (CC) Blender Foundation | mango.blender.org
- Buck Bunny: (c) ลิขสิทธิ์ 2008, Blender Foundation / www.bigbuckbunny.org
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2022-12-06 UTC
[null,null,["อัปเดตล่าสุด 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"]]
