กล่องโต้ตอบการแคสต์จะแสดงขึ้นทุกครั้งที่กดปุ่มแคสต์ กล่องโต้ตอบการแคสต์ช่วยให้ผู้ใช้ เชื่อมต่อ ควบคุม และเลิกเชื่อมต่อจากตัวรับเว็บได้
หากคุณกำลังพัฒนาการติดตั้งใช้งานที่กำหนดเองหรือสร้างแอปสำหรับ iOS หรือ Chrome คุณต้อง ใช้กล่องโต้ตอบนี้ในลักษณะที่สอดคล้องกัน เพื่อให้ผู้ใช้จดจำและเชื่อถือได้ว่ากล่องโต้ตอบนี้จะทำงาน อย่างสอดคล้องกันในอุปกรณ์ แอป และแพลตฟอร์มต่างๆ ดูตัวอย่างได้ในแอปอ้างอิง
กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ (อุปกรณ์รับพร้อมใช้งาน)
  ต้องระบุ (ลักษณะการทำงานเริ่มต้นของ 
  Android MediaRouter)
  
    A   เมื่อแอปที่ส่งไม่ได้เชื่อมต่อกับตัวรับสัญญาณ Cast
  การแตะปุ่ม Cast จะแสดงกล่องโต้ตอบ Cast
  
    B   ชื่อกล่องโต้ตอบ Cast "แคสต์ไปยัง" จะปรากฏขึ้น
  
    C   กล่องโต้ตอบ Cast จะแสดงรายการตัวรับสัญญาณเว็บที่พร้อมใช้งาน
  
    D   ตัวรับสัญญาณแต่ละตัวที่กำลังแคสต์ควรแสดง "กำลังแคสต์
  ชื่อแอป"
โปรดทราบสถานการณ์ที่มีผู้ใช้หลายราย
- เมื่อผู้ใช้รายอื่นเชื่อมต่อกับตัวรับที่กำลังแคสต์ จากแอปและบัญชีเดียวกัน แอปที่ส่งจะแสดงตัวควบคุมสำหรับ เนื้อหาที่แคสต์
- เมื่อผู้ใช้รายอื่นเชื่อมต่อกับตัวรับที่กำลังแคสต์ จากแอปที่ไม่ได้แคสต์ แอปผู้ส่งก่อนหน้า จะยกเลิกการเชื่อมต่อและแอปผู้ส่งใหม่จะเชื่อมต่อ
Android
กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ
 
      แคสต์หน้าจอหลัก
 
      iOS
กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ
 
      แคสต์หน้าจอหลัก
 
      Chrome
กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ
 
      แคสต์หน้าจอหลัก
 
      กล่องโต้ตอบการแคสต์ ไม่ได้เชื่อมต่อ (iOS เท่านั้น)
สำหรับ iOS เมื่อแคสต์เป็นครั้งแรก ผู้ใช้ต้องยินยอมอนุญาตการเข้าถึงเครือข่าย LAN (LNA) ไปยัง อุปกรณ์ Cast หน้าจอข้อมูลโฆษณาคั่นระหว่างหน้าจะแสดงต่อผู้ใช้เพื่ออธิบายเหตุผลที่ต้องมีสิทธิ์นี้ ตามด้วยกล่องโต้ตอบสิทธิ์ LNA มาตรฐานของ Apple
หลังจากแคสต์เป็นครั้งแรก หากไม่พบอุปกรณ์เมื่อแตะปุ่มแคสต์ขณะที่ผู้ใช้ใช้ Wi-Fi ระบบจะแสดงหน้าจอความช่วยเหลือที่อธิบายเหตุผลที่ตัวรับเว็บอาจไม่พร้อมใช้งาน (เช่น ปิดใช้การเข้าถึงเครือข่าย LAN หรือเครือข่าย Wi-Fi มีปัญหา)
  ต้องระบุ
  
    ก   การแคสต์ครั้งแรก: หลังจากแตะปุ่มแคสต์
    เป็นครั้งแรก
    ต้องแสดงโฆษณาคั่นระหว่างหน้าเพื่ออธิบายให้ผู้ใช้ทราบว่าเหตุใดจึงควรอนุญาต
    ให้แอปเข้าถึงอุปกรณ์ในเครือข่าย LAN โฆษณาคั่นระหว่างหน้าควรมีข้อมูลเกี่ยวกับ
    เหตุผลที่ต้องมีการเข้าถึงเครือข่ายในพื้นที่ เพื่อเพิ่มโอกาสที่ผู้ใช้จะยอมรับ
    สิทธิ์เข้าถึงในพื้นที่
  
    B   ตัวรับสัญญาณไม่พร้อมใช้งาน: การแตะปุ่มแคสต์
    จะแสดงหน้าจอความช่วยเหลือที่อธิบายสาเหตุที่เป็นไปได้ที่ผู้ใช้
    ค้นหาตัวรับสัญญาณเว็บไม่ได้ พร้อมลิงก์ไปยังการตั้งค่าเพื่อแก้ไขปัญหาเกี่ยวกับสิทธิ์ LNA
การแคสต์ครั้งแรก (iOS)
การแคสต์ครั้งแรก: สิทธิ์เข้าถึงโฆษณาคั่นระหว่างหน้าและเครือข่าย LAN
 
      อุปกรณ์รับสัญญาณไม่พร้อมใช้งาน
อุปกรณ์รับสัญญาณไม่พร้อมใช้งาน
 
      กล่องโต้ตอบแคสต์ เชื่อมต่อแล้วแต่ไม่ได้แคสต์
  ต้องระบุ
  
    A   เมื่อแอปผู้ส่งเชื่อมต่อกับ Web Receiver
  การแตะปุ่มแคสต์จะแสดงกล่องโต้ตอบแคสต์
  
    B   ชื่อกล่องโต้ตอบแคสต์ "ชื่อตัวรับ" จะปรากฏขึ้น
  
    C   กล่องโต้ตอบแคสต์จะแสดงปุ่มเพื่อหยุดแคสต์
  โดยมีป้ายกำกับปุ่ม "หยุดแคสต์" (ดูข้อมูลเพิ่มเติมเกี่ยวกับการยกเลิกการเชื่อมต่อได้ที่
  ผู้ส่งหยุดแคสต์)
Android
กล่องโต้ตอบแคสต์ เชื่อมต่อแล้วแต่ไม่ได้แคสต์
 
      แอปตัวรับสัญญาณโหลดแล้ว / ไม่ได้ใช้งาน
 
      iOS
กล่องโต้ตอบแคสต์ เชื่อมต่อแล้วแต่ไม่ได้แคสต์
 
      แอปตัวรับสัญญาณโหลดแล้ว / ไม่ได้ใช้งาน
 
      กล่องโต้ตอบการแคสต์ขณะแคสต์
  ต้องระบุ
  
    ก   กล่องโต้ตอบการแคสต์จะแสดงชื่อ "ชื่อตัวรับ"
  
    ข   ตัวรับหรือเนื้อหาที่กำลังแคสต์จะแสดงใต้ชื่อ
  
    ค   กล่องโต้ตอบการแคสต์จะแสดงปุ่ม "หยุดแคสต์" ซึ่งจะหยุด
  การแคสต์ (ดูข้อมูลเพิ่มเติมได้ที่
  ผู้ส่งหยุดแคสต์)
แนวทางปฏิบัติแนะนำ
- เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดีที่สุด ให้ระบุการควบคุมแบบถาวร นอกเหนือจากการควบคุมในกล่องโต้ตอบ Cast
Android
กล่องโต้ตอบการแคสต์ขณะแคสต์
 
      ตัวรับสัญญาณที่เล่นเนื้อหา
 
      iOS
กล่องโต้ตอบการแคสต์ขณะแคสต์
 
      ตัวรับสัญญาณที่เล่นเนื้อหา
 
      Chrome
กล่องโต้ตอบการแคสต์ขณะแคสต์
 
      ตัวรับสัญญาณที่เล่นเนื้อหา
 
      รูปภาพที่ใช้ในคำแนะนำการออกแบบนี้ ได้รับความอนุเคราะห์จาก Blender Foundation และแชร์ภายใต้ลิขสิทธิ์หรือสัญญาอนุญาตครีเอทีฟคอมมอนส์
- 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) copyright 2008, Blender Foundation / www.bigbuckbunny.org