กล่องโต้ตอบการแคสต์

กล่องโต้ตอบ "แคสต์" จะแสดงขึ้นเมื่อใดก็ตามที่กดปุ่ม "แคสต์" กล่องโต้ตอบการแคสต์ช่วยให้ผู้ใช้เชื่อมต่อ ควบคุม และยกเลิกการเชื่อมต่อจาก Web Receiver ได้

หากคุณกำลังพัฒนาการติดตั้งใช้งานที่กำหนดเองหรือสร้างแอปสำหรับ iOS หรือ Chrome คุณต้องใช้กล่องโต้ตอบนี้ให้สอดคล้องกันเพื่อให้ผู้ใช้จดจำและเชื่อถือกล่องโต้ตอบนี้ให้ทำงานอย่างสอดคล้องกันในอุปกรณ์ แอป และแพลตฟอร์มต่างๆ ดูตัวอย่างในแอปอ้างอิง

  กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ (ตัวรับสัญญาณพร้อมใช้งาน)

ต้องระบุ (ลักษณะการทำงานเริ่มต้นของ Android MediaRouter):
A เมื่อแอปผู้ส่งไม่ได้เชื่อมต่อกับเครื่องรับการแคสต์ การแตะปุ่ม "แคสต์" จะแสดงกล่องโต้ตอบการแคสต์
B ชื่อกล่องโต้ตอบการแคสต์ "แคสต์ไปยัง" ปรากฏขึ้น
C กล่องโต้ตอบการแคสต์จะแสดงรายการแอปรับเว็บที่พร้อมใช้งาน
D ผู้รับที่กำลังแคสต์ควรแสดง

โปรดทราบว่าสถานการณ์ที่มีผู้ใช้หลายคนมีดังนี้

  • เมื่อผู้ใช้รายอื่นเชื่อมต่อกับผู้รับที่กำลังแคสต์จากแอปและบัญชีเดียวกัน แอปผู้ส่งจะควบคุมเนื้อหาแคสต์
  • เมื่อผู้ใช้รายอื่นเชื่อมต่อกับผู้รับที่กำลังแคสต์จากแอปที่ไม่ได้แคสต์อยู่ แอปผู้ส่งรายก่อนจะยกเลิกการเชื่อมต่อและแอปผู้ส่งใหม่จะเชื่อมต่อ

Android

ไม่ได้เชื่อมต่อกล่องโต้ตอบการแคสต์

กล่องโต้ตอบแคสต์ ไม่ใช่รูปภาพที่เชื่อมต่อกัน

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

แคสต์รูปภาพหน้าจอหลัก

iOS

ไม่ได้เชื่อมต่อกล่องโต้ตอบการแคสต์

รูปภาพไม่ได้เชื่อมต่อกล่องโต้ตอบการแคสต์

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

แคสต์รูปภาพหน้าจอหลัก

Chrome

ไม่ได้เชื่อมต่อกล่องโต้ตอบการแคสต์

รูปภาพไม่ได้เชื่อมต่อกล่องโต้ตอบการแคสต์

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

แคสต์รูปภาพหน้าจอหลัก
 

  กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ (iOS เท่านั้น)

สำหรับ iOS เมื่อแคสต์เป็นครั้งแรก ผู้ใช้ต้องยินยอมให้เข้าถึงเครือข่ายภายใน (LNA) ไปยังอุปกรณ์แคสต์ หน้าจอข้อมูลคั่นระหว่างหน้าจะปรากฏขึ้นแก่ผู้ใช้เพื่ออธิบายเหตุผลที่ต้องใช้สิทธิ์นี้ ตามด้วยกล่องโต้ตอบสิทธิ์มาตรฐานของ Apple LNA

หลังจากแคสต์เป็นครั้งแรก หากไม่พบอุปกรณ์เมื่อแตะปุ่ม "แคสต์" ขณะที่ผู้ใช้ใช้ Wi-Fi หน้าจอช่วยเหลือจะแสดงขึ้นเพื่ออธิบายสาเหตุที่ตัวรับเว็บอาจใช้ไม่ได้ (เช่น การเข้าถึงเครือข่าย LAN ปิดอยู่ หรือเกิดปัญหากับเครือข่าย Wi-Fi)

จำเป็น
  A   การแคสต์ครั้งแรก: หลังจากแตะปุ่ม "แคสต์" เป็นครั้งแรก จะต้องแสดงโฆษณาคั่นระหว่างหน้าเพื่ออธิบายให้ผู้ใช้ทราบว่าเหตุใดจึงควรอนุญาตให้แอปเข้าถึงอุปกรณ์เครือข่ายในพื้นที่ โฆษณาคั่นระหว่างหน้าควรมีข้อมูลเกี่ยวกับเหตุผลที่จำเป็นต้องเข้าถึงเครือข่ายภายในเพื่อเพิ่มโอกาสที่ผู้ใช้จะยอมรับการเข้าถึงสิทธิ์ภายในเครื่อง
  B   ตัวรับสัญญาณไม่พร้อมใช้งาน: การแตะปุ่ม "แคสต์" จะแสดงหน้าจอความช่วยเหลือที่อธิบายเหตุผลที่เป็นไปได้ที่ผู้ใช้ไม่พบเว็บรีซีฟเวอร์ รวมถึงลิงก์ไปยังการตั้งค่าเพื่อแก้ไขปัญหาเกี่ยวกับสิทธิ์ LNA

การแคสต์ครั้งแรก (iOS)

การแคสต์ครั้งแรก: สิทธิ์การเข้าถึงโฆษณาคั่นระหว่างหน้าและสิทธิ์การเข้าถึงเครือข่ายภายใน

ขั้นตอนการยอมรับการเข้าถึงเครือข่ายภายในของ Cast

ตัวรับไม่พร้อมใช้งาน

ตัวรับไม่พร้อมใช้งาน

ขั้นตอนการแคสต์ การเข้าถึงเครือข่ายภายในปิดอยู่
 

  กล่องโต้ตอบการแคสต์ เชื่อมต่อแล้ว แต่ไม่ได้แคสต์

จำเป็น
A เมื่อแอปผู้ส่งเชื่อมต่อกับตัวรับเว็บแล้ว การแตะปุ่ม "แคสต์" จะแสดงกล่องโต้ตอบการแคสต์
B ชื่อกล่องโต้ตอบการแคสต์ "ชื่อผู้รับ" จะปรากฏขึ้น
C กล่องโต้ตอบการแคสต์จะแสดงปุ่มหยุดแคสต์ พร้อมป้ายกำกับปุ่ม "หยุดการแคสต์" (ดูข้อมูลเพิ่มเติมเกี่ยวกับการยกเลิกการเชื่อมต่อได้ที่ ผู้ส่งหยุดแคสต์)

Android

กล่องโต้ตอบการแคสต์เชื่อมต่ออยู่แต่ไม่ได้แคสต์

โหลดแอปตัวรับสัญญาณแล้ว / ไม่ได้ใช้งาน

iOS

กล่องโต้ตอบการแคสต์เชื่อมต่ออยู่แต่ไม่ได้แคสต์

โหลดแอปตัวรับสัญญาณแล้ว / ไม่ได้ใช้งาน

 

  กล่องโต้ตอบการแคสต์ขณะแคสต์

จำเป็น
A ชื่อกล่องโต้ตอบการแคสต์ "ชื่อผู้รับ" จะปรากฏขึ้น
B ตัวรับหรือเนื้อหาที่กำลังแคสต์จะแสดงอยู่ด้านล่าง ชื่อ
C กล่องโต้ตอบการแคสต์จะแสดงปุ่ม "หยุดการแคสต์" ที่หยุดแคสต์ (โปรดดูข้อมูลเพิ่มเติมที่หัวข้อ ผู้ส่งหยุดแคสต์)

แนวทางปฏิบัติแนะนำ

  • นอกเหนือจากการควบคุมในกล่องโต้ตอบแคสต์เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดีที่สุด โปรดใช้การควบคุมแบบถาวร

Android

กล่องโต้ตอบการแคสต์ขณะแคสต์

ตัวรับที่กำลังเล่นเนื้อหา

iOS

กล่องโต้ตอบการแคสต์ขณะแคสต์

ตัวรับที่กำลังเล่นเนื้อหา

Chrome

กล่องโต้ตอบการแคสต์ขณะแคสต์

กล่องโต้ตอบการแคสต์ขณะแคสต์

ตัวรับที่กำลังเล่นเนื้อหา

 

 

รูปภาพที่ใช้ในคู่มือการออกแบบนี้ได้รับความเอื้อเฟื้อจาก Blender Foundation ที่แชร์ภายใต้ลิขสิทธิ์หรือสัญญาอนุญาตครีเอทีฟคอมมอนส์

  • Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
  • Sintel: (c) ลิขสิทธิ์ Blender Foundation | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org