ตัวรับสื่อที่จัดรูปแบบแล้ว

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

การลงทะเบียน

หากต้องการใช้ SMR สำหรับแอปพลิเคชัน ให้เลือกตัวเลือกตัวรับสื่อที่จัดรูปแบบเมื่อคุณเพิ่มแอปพลิเคชันใหม่ในแผงควบคุมสำหรับนักพัฒนาซอฟต์แวร์ Google Cast SDK ดูการลงทะเบียนสำหรับข้อมูลเพิ่มเติม ตัวเลือกนี้ มีลิงก์ไปยังดูตัวอย่างสไตล์ชีตเริ่มต้น รวมถึงช่อง สำหรับป้อน URL ลงในสไตล์ชีต คุณสามารถใช้รูปแบบเริ่มต้นหรือ ระบุ HTTPS URL ไปยังไฟล์ CSS ของคุณ คุณสามารถใช้เซิร์ฟเวอร์ของคุณเองในการโฮสต์ไฟล์ CSS เมื่อระบุ URL ไปยังไฟล์ CSS แล้ว คุณสามารถคลิกแสดงตัวอย่าง เพื่อดูว่ารูปแบบของคุณจะมีลักษณะอย่างไรบนรีซีฟเวอร์

สื่อที่รองรับ

ตัวรับสัญญาณทั้งหมดรองรับประเภทสื่อตามที่อธิบายไว้ในสื่อที่รองรับ

SMR สนับสนุนวิดีโอ เสียง และรูปภาพ และควบคุมได้จากแอปพลิเคชันผู้ส่งโดยใช้ช่องทางสื่อ Cast SDK SMR ปฏิบัติตามหลักเกณฑ์เกี่ยวกับ UX สำหรับการเล่นสื่อในอุปกรณ์แคสต์โดยสมบูรณ์

พิมพ์แบบอักษร

โปรดดูแบบอักษรที่ติดตั้งล่วงหน้าสำหรับรายการแบบอักษรที่ติดตั้งมาล่วงหน้าพร้อมกับตัวรับ

CSS

ตัวรับสื่อที่จัดรูปแบบใช้คลาส CSS ต่อไปนี้

  • .background: พื้นหลังสำหรับผู้รับ
  • .logo: โลโก้ที่แสดงเมื่อเครื่องรับกำลังจะเปิดตัว นอกจากนี้จะใช้คลาสนี้เมื่อตัวรับอยู่ในสถานะไม่ได้ใช้งานและไม่มีการประกาศคลาส .splash
  • .progressBar: แถบความคืบหน้าสำหรับการเล่นสื่อ
  • .splash: หน้าจอที่แสดงเมื่อเครื่องรับอยู่ในสถานะไม่ได้ใช้งาน หากไม่ได้ประกาศคลาสนี้ รีซีฟเวอร์จะมีค่าเริ่มต้นเป็น .logo หรือชื่อแอป
  • .watermark: ลายน้ำที่แสดงเมื่อเล่นสื่อ

ตัวอย่างไฟล์ CSS ที่ใช้คลาสเหล่านี้

.background {
  background: center no-repeat url(background.png);
}

.logo {
  background-image: url(logo.png);
}

.progressBar {
  background-color: rgb(238, 255, 65);
}

.splash {
  background-image: url(splash.png);
}

.watermark {
  background-image: url(watermark.png);
  background-size: 57px 57px;
}

ต่อไปนี้เป็นภาพประกอบของชั้นเรียนเหล่านี้ที่ใช้งานอยู่

วิดีโอ

หมายเหตุ: ภาพวิดีโอขนาด 96x143 พิกเซล และเลือกทรัพยากรรูปภาพแรกที่เชื่อมโยงกับข้อมูลเมตาของสื่อเพื่อแสดง ระบบจะปรับขนาดรูปภาพ ให้พอดีกับขนาดที่คาดไว้

เสียง

หมายเหตุ: ปกอัลบั้มเสียงมีขนาด 384x384 พิกเซล และเลือกทรัพยากรรูปภาพแรกที่เชื่อมโยงกับข้อมูลเมตาของสื่อเพื่อแสดง ระบบจะปรับขนาดรูปภาพ ให้พอดีกับขนาดที่คาดไว้

       

รูปภาพจาก Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org

รูปภาพจาก Sintel: (c) copyright Blender Foundation / www.sintel.org