ปุ่ม "แคสต์" จะเปิดกล่องโต้ตอบเพื่อเชื่อมต่อ ควบคุม และยกเลิกการเชื่อมต่อจากตัวรับสัญญาณบนเว็บ
โปรดดูไอคอนแคสต์เพื่อดาวน์โหลดเทมเพลตปุ่ม "แคสต์"
โปรดทราบว่าปุ่ม "แคสต์" ไม่ได้ใช้กับ Google Cast เท่านั้น แต่สามารถใช้เพื่อเป็นตัวแทนของทั้งตัวรับสัญญาณบนเว็บและตัวรับที่ไม่ใช่เว็บ (เช่น ชุดหูฟังบลูทูธ) ผู้รับเว็บควรอยู่ใต้กล่องโต้ตอบ "แคสต์" เสมอ และจะไม่ปรากฏในกล่องโต้ตอบ เมนู หรือตัวควบคุมอื่นๆ
แนะนําการแคสต์ให้ผู้ใช้
ขอแนะนําปุ่ม "แคสต์" ช่วยให้ผู้ใช้ปัจจุบันทราบว่าแอปผู้ส่งรองรับการแคสต์และยังช่วยให้ผู้ใช้เพิ่งเริ่มใช้ Google Cast ได้อีกด้วย
ต้องระบุ
A แสดงหน้าจอแนะนําการแคสต์เมื่อ
มีการรับเว็บเป็นครั้งแรก สําหรับผู้ส่ง iOS แสดงหน้าจอแนะนําการแคสต์เมื่อปุ่มแคสต์ปรากฏขึ้นเป็นครั้งแรก
B ภาพที่ไฮไลต์ปุ่ม "แคสต์" โดยวงกลม
ปุ่ม)
C อธิบายวิธีการทํางานของปุ่ม "แคสต์" (เช่น การแสดงข้อความ เช่น "แตะเพื่อแคสต์วิดีโอไปยังทีวี")
Android
แนะนําการแคสต์

แคสต์หน้าจอหลัก

iOS
แนะนําการแคสต์

แคสต์หน้าจอหลัก

Chrome
แนะนําการแคสต์

แคสต์หน้าจอหลัก

ความพร้อมใช้งานของปุ่มแคสต์
ต้องระบุ
A ปุ่ม "แคสต์" ต้องมองเห็นได้จากทุกหน้าจอที่มีเนื้อหาที่เล่นได้ และอยู่ในตําแหน่งที่สอดคล้องกันขณะเรียกดูหรือเล่นเนื้อหา แอปก็จะปรากฏในส่วนหัวของ Chrome สําหรับการควบคุมทั่วโลกด้วย
B สําหรับผู้ส่งที่ไม่ใช่ iOS คุณจะซ่อนปุ่ม "แคสต์" ไม่ได้เมื่อตัวรับเว็บไม่พร้อมใช้งาน สําหรับผู้ส่ง iOS ปุ่ม "แคสต์" ควรจะแสดงเสมอเมื่ออุปกรณ์อยู่ใน Wi-Fi เพื่อให้ความช่วยเหลือที่เหมาะสมได้ในกรณีที่ผู้ใช้ปิดการเข้าถึงเครือข่ายในพื้นที่ และผู้ใช้จะไม่สามารถค้นพบอุปกรณ์ได้ (ดูรายละเอียดเพิ่มเติมได้ที่สิทธิ์และการค้นพบบน iOS)
C ในแอปบนอุปกรณ์เคลื่อนที่ ปุ่ม "แคสต์" ควรอยู่ทางด้านขวา
D ใน Chrome ปุ่ม "แคสต์" ควรอยู่ทางด้านขวาในตัวควบคุมสื่อเนื้อหา (เช่น ดูวิดีโอแบบฝัง) หากตัวควบคุมสื่อมีปุ่มเต็มหน้าจอ ให้วางปุ่ม "แคสต์" ไว้ด้านซ้าย
หมายเหตุ
Google Cast ใช้โมเดลการทํางานหลายอย่างพร้อมกัน ซึ่งช่วยให้ผู้ใช้เรียกดูแอปของผู้ส่งและแอปอื่นๆ ได้ในขณะที่แคสต์ ปุ่ม "แคสต์" ต้องมองเห็นได้จากทุกหน้าจอที่มีเนื้อหาที่เล่นได้ ผู้ใช้จึงไม่ต้องล่าหาตําแหน่งที่หยุดชั่วคราวหรือหยุดเนื้อหาที่เล่นในทีวี
Android
ผู้ส่งถูกตัดการเชื่อมต่อ

แคสต์หน้าจอหลัก

iOS
ผู้ส่งถูกตัดการเชื่อมต่อ

แคสต์หน้าจอหลัก

Chrome
ผู้ส่งถูกตัดการเชื่อมต่อ

แคสต์หน้าจอหลัก

สถานะปุ่มแคสต์
ต้องระบุ
A ไม่พร้อมใช้งาน: สําหรับ Android เมื่อตัวรับสัญญาณเว็บไม่พร้อมใช้งาน ปุ่ม "แคสต์" ไม่ปรากฏขึ้น
B ยกเลิกการเชื่อมต่อ: เมื่อ Web Receiver พร้อมใช้งาน ปุ่ม "แคสต์" จะปรากฏขึ้น
C การเชื่อมต่อ: เมื่อตัวรับสัญญาณเชื่อมต่อ ปุ่ม "แคสต์" จะเคลื่อนไหวคลื่นในไอคอนแบบต่อเนื่องกัน (หมายเหตุ: หมายเหตุ:
แนวทางปฏิบัติแนะนํา
สําหรับแต่ละสถานะของปุ่ม ให้ใช้สีที่ตรงกับสไตล์ขององค์ประกอบ UI อื่นๆ ของแอป โดยใช้สีไฮไลต์ที่แตกต่างกัน (เช่น สีเหลือง) สําหรับสถานะ "เปิด/เชื่อมต่อ" หรือไม่ก็ได้
Notes
- ไอคอนแคสต์จะแสดงใน Chrome และ iOS เพื่อให้การเข้าถึงส่วนขยายแคสต์โดยไม่คํานึงถึงความพร้อมให้บริการของอุปกรณ์แคสต์
- สถานะการเชื่อมต่อ (เคลื่อนไหว) จะปรากฏขึ้นเมื่อการเชื่อมต่อกับ Cast API ใช้เวลานานกว่าที่คาดไว้ (SDK ของ Android และ Chrome จะทําให้ไอคอน Cast เคลื่อนไหวโดยอัตโนมัติ) เมื่อเชื่อมต่อแล้ว แอป Web Receiver จะเปิดขึ้น
- สถานะ "เปิด / เชื่อมต่อ" ของไอคอน "แคสต์" ได้รับการอัปเดตแล้ว และจะใช้สีทึบภายในเฟรมไอคอน ไอคอน "แคสต์" และเทมเพลตไอคอนใหม่พร้อมใช้งานแล้วที่นี่
Android
ผู้ส่งและการแคสต์ไม่พร้อมใช้งาน

แคสต์หน้าจอหลัก

ผู้ส่ง ยกเลิกการแคสต์แล้ว

แคสต์หน้าจอหลัก

ผู้ส่ง การเชื่อมต่อการแคสต์

แคสต์หน้าจอหลัก

ผู้ส่ง เชื่อมต่อการแคสต์แล้ว

กําลังโหลดแอปตัวรับสัญญาณบนเว็บ

ผู้ส่ง เชื่อมต่อการแคสต์แล้ว

โหลดตัวรับเว็บแล้ว / ไม่มีการใช้งาน

iOS
ผู้ส่งและการแคสต์ไม่พร้อมใช้งาน

แคสต์หน้าจอหลัก

ผู้ส่ง ยกเลิกการแคสต์แล้ว

แคสต์หน้าจอหลัก

ผู้ส่ง การเชื่อมต่อการแคสต์

แคสต์หน้าจอหลัก

ผู้ส่ง เชื่อมต่อการแคสต์แล้ว

กําลังโหลดแอปตัวรับสัญญาณบนเว็บ

ผู้ส่ง เชื่อมต่อการแคสต์แล้ว

โหลดตัวรับเว็บแล้ว / ไม่มีการใช้งาน

Chrome
ผู้ส่งและการแคสต์ไม่พร้อมใช้งาน

ไอคอนแคสต์จะแสดงใน Chrome เพื่อให้สิทธิ์เข้าถึงส่วนขยาย 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