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

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

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

  กล่องโต้ตอบ Cast ไม่เชื่อมต่อ (มีอุปกรณ์รับสัญญาณพร้อมใช้งาน)

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

โปรดทราบสถานการณ์ของผู้ใช้หลายคนต่อไปนี้

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

Android

กล่องโต้ตอบ Cast ไม่ได้เชื่อมต่อ

รูปภาพกล่องโต้ตอบ Cast ที่ไม่ได้เชื่อมต่อ

หน้าจอหลักของ Cast

รูปภาพหน้าจอหลักของ Cast

iOS

กล่องโต้ตอบ Cast ไม่ได้เชื่อมต่อ

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

หน้าจอหลักของ Cast

รูปภาพหน้าจอหลักของ Cast

Chrome

กล่องโต้ตอบ Cast ไม่ได้เชื่อมต่อ

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

หน้าจอหลักของ Cast

รูปภาพหน้าจอหลักของ Cast
 

  กล่องโต้ตอบ Cast ไม่ได้เชื่อมต่อ (iOS เท่านั้น)

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

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

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

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

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

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

อุปกรณ์รับสัญญาณไม่พร้อมใช้งาน

อุปกรณ์รับสัญญาณไม่พร้อมใช้งาน

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

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

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

Android

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

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

iOS

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

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

 

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

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

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

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

Android

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

ตัวรับสัญญาณกำลังเล่นเนื้อหา

iOS

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

ตัวรับสัญญาณกำลังเล่นเนื้อหา

Chrome

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

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

ตัวรับสัญญาณกำลังเล่นเนื้อหา

 

 

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

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