ตัวรับสื่อที่มีสไตล์ (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