ประสบการณ์ของผู้ใช้กับแพลตฟอร์ม Chromecast

Chromecast ช่วยให้เว็บแอป Android, iOS และ Chrome "สตรีม" เนื้อหา เช่น วิดีโอ เสียง และการแชร์หน้าจอ (การมิเรอร์) ได้ไปยังอุปกรณ์ที่พร้อมใช้งาน Cast เช่น

  • Chromecast
  • ทีวี Chromecast Built-In (หรือที่เรียกว่าทีวีที่มี Chromecast Built-In)
  • ลำโพง Chromecast Built-In (เรียกอีกอย่างว่าลำโพงที่มี Chromecast Built-In)
  • จออัจฉริยะ (จอ LCD แบบหน้าจอสัมผัสแบบพกพาที่ใช้เป็นธินไคลเอ็นต์)
  • แท็บเล็ต Android

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

การแคสต์อาศัยการประสานงานระหว่าง 2 หน้าจอขึ้นไป UI ของผู้ส่งและ UI ของผู้รับ - ทั้ง 2 หน้าจอต้องทำงานร่วมกัน ตัวอย่างเช่น หากคุณกดปุ่มบนอุปกรณ์เคลื่อนที่เพื่อหยุดเนื้อหาชั่วคราว ทีวีควรระบุว่าหยุดเล่นชั่วคราว ส่วนอุปกรณ์เคลื่อนที่ควรมีปุ่มเล่นเพื่อเล่นต่อ

ข้อควรพิจารณา

เนื่องจากข้อจำกัดของฮาร์ดแวร์และทรัพยากร แอปพลิเคชันที่พร้อมใช้งาน Chromecast จึงมีข้อจำกัดบางอย่างดังนี้

  • อุปกรณ์แคสต์เป็นอุปกรณ์แบบใช้พลังงานต่ำที่มีข้อจำกัดด้านหน่วยความจำ, CPU และ GPU ดังนั้นแอปพลิเคชัน Web Receiver จึงควรมีน้ำหนักเบาที่สุด
  • สำหรับโมเดลการโต้ตอบของ Chromecast และ Chromecast Built-In จะมีการสร้างแท็บ หน้าต่าง หรือป๊อปอัปได้ทั้งในแอปรับเว็บหรือผู้ส่ง รวมถึงยอมรับอินพุตของผู้ใช้โดยตรง เช่น การแตะหรือการปัด ตัวอย่างเช่น แอป WebReceiver บนแท็บเล็ตหรือจอแสดงผลที่วางอยู่บนแท่นชาร์จจะแสดงปุ่มหยุดชั่วคราวและรับการแตะของผู้ใช้ได้ เมื่อใช้วิธีนี้ การดำเนินการทั้งหมดในแอปพลิเคชันจะต้องทริกเกอร์จาก Web Receiver หรือแอปพลิเคชันของผู้ส่ง
  • จออัจฉริยะรองรับการป้อนข้อมูลของผู้ใช้ผ่านแอปของผู้ส่งหรือการแตะบน UI
  • Webรีซีฟเวอร์เป็นเบราว์เซอร์ Chrome ที่เพิ่มประสิทธิภาพสำหรับการเล่นวิดีโอ ดังนั้น ขณะนี้ระบบจึงยังไม่รองรับ WebGL และ Chrome Native Client (NaCL) รวมไปถึงส่วนขยายของ Chrome ด้วย
  • Cast รองรับการเล่นสตรีมสื่อพร้อมกัน 1 ครั้งในแท็ก <audio> และ <video> หรือแทร็กเสียงหลายแทร็กโดยใช้ WebAudio API ใช้งานองค์ประกอบวิดีโอใน DOM ได้เพียง 1 รายการเท่านั้น นอกจากนี้ ยังไม่รองรับการประกอบวิดีโอ การบิดเบือน การแปลง การหมุน หรือการซูมวิดีโอ

หลักการออกแบบโดยรวม

โปรดคำนึงถึงสิ่งต่อไปนี้เมื่อคุณพัฒนาอินเทอร์เฟซผู้ใช้

อินเทอร์เฟซของเว็บรีซีฟเวอร์:

  • เว็บรีซีฟเวอร์อาจมีทั้งองค์ประกอบแบบอินเทอร์แอกทีฟและองค์ประกอบข้อมูลเพื่ออธิบายสถานะของแอป เช่น หยุดชั่วคราวหรือเล่นอยู่ หรือข้อความแสดงข้อผิดพลาด การโต้ตอบของผู้ใช้อาจเกิดขึ้นกับตัวส่งการแคสต์ (โทรศัพท์ แท็บเล็ต หรือเบราว์เซอร์ Chrome) หรือเว็บรีซีฟเวอร์ (ทีวี จอแสดงผล หรือแท็บเล็ต)
  • โปรดทราบว่าการทำงานของวิดีโอจะเกิดขึ้นตรงกลางหน้าจอทีวี และองค์ประกอบ UI ไม่ควรรบกวนการนำเสนอ วางองค์ประกอบ UI ไว้ภายในส่วนล่างของจอแสดงผล Web Receiver โดยเหลือขอบ 10% จากขอบของหน้าจอเพื่อโอเวอร์สแกน
  • หากเป็นไปได้ การเปลี่ยนจากสถานะหน้าจอหนึ่งไปเป็นอีกสถานะหนึ่งควรราบรื่นเหมือนภาพยนตร์ แทนที่จะเปลี่ยนจากสถานะหนึ่งเป็นอีกสถานะหนึ่งอย่างกะทันหัน ให้ใช้การเปลี่ยน เช่น เฟดเข้าและเฟดออก ตัวอย่างเช่น สถานะการโหลดเนื้อหาจะคงอยู่บนหน้าจอและจะค่อยๆ เลือนหายไปในประสบการณ์การเล่นสื่อ

อินเทอร์เฟซของผู้ส่ง:

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

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

หลักเกณฑ์การใช้แบรนด์

หลักเกณฑ์การใช้แบรนด์ Chromecast ต่อไปนี้มีไว้สำหรับนักพัฒนาแอป และมุ่งเน้นที่ข้อกำหนดเพิ่มเติมที่คุณต้องปฏิบัติตามเพื่ออธิบายแอปเป็นข้อความ สำหรับหลักเกณฑ์การใช้แบรนด์ของอุปกรณ์แคสต์ โปรดดูฮับการตลาดของพาร์ทเนอร์ คุณบอกให้ผู้อื่นทราบว่าแอปใช้งานได้กับ Chromecast Built-In โดยใช้คำว่า "พร้อมใช้งาน Chromecast" อย่างไรก็ตาม โปรดตรวจสอบว่าแอปของคุณเป็นไปตามข้อกำหนดในการให้บริการเพิ่มเติมสำหรับนักพัฒนาซอฟต์แวร์ SDK ของ Cast และรายการตรวจสอบการออกแบบ และการใช้งาน "พร้อมใช้งาน Chromecast" ของคุณเป็นไปตามหลักเกณฑ์การใช้แบรนด์ของเรา

คุณจะใช้ป้าย Chromecast ได้เช่นกัน ตราบใดที่แอปหรืออุปกรณ์เป็นไปตามหลักเกณฑ์การติดป้ายของเรา Google ขอสงวนสิทธิ์ในการขอให้คุณแก้ไขหรือหยุดการใช้ป้ายหากป้ายนั้นไม่เป็นไปตามหลักเกณฑ์การใช้แบรนด์

การใช้ "Chromecast" ในข้อความ

  • เมื่ออธิบายว่าแอป (ไม่ใช่ผลิตภัณฑ์ฮาร์ดแวร์) พร้อมใช้งาน Cast ให้ใช้วลี "พร้อมใช้งาน Chromecast" เช่น "แอปนี้พร้อมใช้งาน Chromecast"
  • เมื่ออธิบายถึงผลิตภัณฑ์ฮาร์ดแวร์ของบุคคลที่สามที่ใช้ร่วมกับ Cast ให้ใช้ "ทีวี Chromecast Built-In", "ลำโพง Chromecast Built-In" หรือ "Chromecast Built-In"
  • ในการเขียนข้อความ คำว่า "Chromecast" ควรเป็นตัวพิมพ์ใหญ่ และคำว่า "built-in" ควรเป็นตัวพิมพ์เล็ก
  • ในชิ้นงานการตลาดที่ใช้ "Chromecast" ในข้อความหรือป้าย/โลโก้ คุณต้องระบุแหล่งที่มาทางกฎหมายดังนี้ Chromecast เป็นเครื่องหมายการค้าของ Google LLC
  • อย่าใส่ Chromecast ในชื่อแอป (เช่น แอป XYZ Chromecast)

การรับส่งข้อความในแอปที่พร้อมใช้งาน Chromecast

คุณสามารถโปรโมตแอปของคุณได้ดังนี้

  • "XYZ เป็นแอปที่พร้อมใช้งาน Chromecast ที่ช่วยให้คุณสตรีมความบันเทิงที่คุณชื่นชอบจากอุปกรณ์เคลื่อนที่ไปยังทีวีได้"
  • "แอป XYZ พร้อมใช้งานสำหรับทีวีที่มี Chromecast Built-In แล้ว"
  • "แอป XYZ พร้อมให้บริการแล้วสำหรับผลิตภัณฑ์ Chromecast ทั้งหมด ซึ่งรวมถึง Chromecast, Chromecast Audio, TV และลำโพงที่มี Chromecast Built-In"
  • "แอป XYZ พร้อมใช้งาน Chromecast ทำให้คุณได้สนุกกับรายการ ภาพยนตร์/เพลง/เกมที่คุณชื่นชอบทั้งหมดบนทีวีที่มี Chromecast Built-In"
  • "ตอนนี้แอป XYZ รองรับ Chromecast แล้ว ช่วยให้ผู้ใช้สตรีมเนื้อหาจากโทรศัพท์ไปยังทีวีที่มี Chromecast Built-In ได้"

ป้าย Chromecast

คุณสามารถใช้ป้าย "Chromecast" บนเว็บไซต์, ข้อมูลผลิตภัณฑ์ใน App Store, สื่อการตลาด และเนื้อหาส่งเสริมการขาย เพื่อแสดงความเข้ากันได้กับอุปกรณ์ที่ใช้โปรโตคอล Cast

  • ห้ามปรับเปลี่ยนสี สัดส่วน ระยะห่าง หรือลักษณะอื่นใดของรูปภาพป้าย
  • เมื่อใช้ควบคู่ไปกับโลโก้สำหรับเทคโนโลยีส่วนผสมอื่นๆ (เช่น บลูทูธ, Spotify Connect, AirPlay ฯลฯ) ป้าย Chromecast ต้องมีขนาดเท่ากันหรือใหญ่กว่า
  • อย่าทำให้ป้ายเป็นองค์ประกอบหลักบนหน้าเว็บ
  • รักษาระยะห่างระหว่างป้ายกับโลโก้และไอคอนอื่นๆ ในหน้าเว็บ
  • เมื่อใช้บนพื้นหลังสีขาว สีอ่อน หรือโทนสีปานกลาง ให้ใช้ป้ายสีดำ
  • เมื่อใช้บนพื้นหลังสีดำหรือโทนสีเข้ม ให้ใช้ป้ายสีขาว
  • อย่าใช้ป้ายบนหน้าที่มีหรือแสดงเนื้อหาสำหรับผู้ใหญ่ ส่งเสริมการพนัน ส่งเสริมความรุนแรง มีวาจาสร้างความเกลียดชัง เกี่ยวข้องกับการขายยาสูบหรือแอลกอฮอล์ให้แก่ผู้ที่มีอายุต่ำกว่า 21 ปี ละเมิดกฎหมายหรือข้อบังคับอื่นๆ ที่เกี่ยวข้องหรือก่อให้เกิดความไม่พอใจในลักษณะอื่นๆ

การลิงก์ป้าย

เมื่อใช้ออนไลน์ ป้าย Chromecast ต้องลิงก์กับป้ายต่อไปนี้

  • รายชื่อแอปและผลิตภัณฑ์ที่พร้อมใช้งาน Chromecast ของ Google ขณะนี้อยู่ที่ g.co/castapps
  • รายการผลิตภัณฑ์ที่คุณเผยแพร่
  • หน้ารายละเอียดผลิตภัณฑ์ที่เฉพาะเจาะจงซึ่งคุณเผยแพร่
  • รายการแอปที่เผยแพร่โดยคุณ
  • หน้ารายละเอียดแอปที่เจาะจงซึ่งคุณเผยแพร่ใน Google Play หรือใน Apple App Store

ดาวน์โหลดเนื้อหาป้าย Chromecast

แพ็กเกจการดาวน์โหลดประกอบด้วยรูปแบบ Portable Network Graphics (.png), Adobe Illustrator (.ai) และ Enapsulated Postscript (.eps)

ดูตัวอย่างป้าย Chromecast

โลโก้สีน้ำเงินและข้อความสีขาวบนพื้นหลังสีดำ
โลโก้สีขาวและข้อความสีขาวบนพื้นหลังสีดำ
โลโก้สีน้ำเงินและข้อความสีเทาบนพื้นหลังสีขาว