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

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

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

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

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

ดูสถานการณ์ที่มีผู้ใช้หลายคน

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

Android

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

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

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

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

iOS

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

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

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

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

Chrome

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Android

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

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

iOS

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

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

 

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

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

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

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

Android

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

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

iOS

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

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

Chrome

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

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

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

 

 

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

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