ปุ่ม "แคสต์"

ปุ่ม "แคสต์" จะเปิดกล่องโต้ตอบเพื่อเชื่อมต่อ ควบคุม และยกเลิกการเชื่อมต่อจากตัวรับสัญญาณบนเว็บ

โปรดดูไอคอนแคสต์เพื่อดาวน์โหลดเทมเพลตปุ่ม "แคสต์"

โปรดทราบว่าปุ่ม "แคสต์" ไม่ได้ใช้กับ 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