Styled Media Receiver (SMR) ช่วยให้แอปพลิเคชันของผู้ส่งเล่นสื่อในอุปกรณ์แคสต์ได้โดยไม่ต้องสร้างแอปพลิเคชันตัวรับสัญญาณที่กําหนดเอง คุณปรับแต่งรูปแบบสีและการสร้างแบรนด์ SMR ได้โดยระบุไฟล์ CSS ของคุณเองระหว่างการลงทะเบียน
การลงทะเบียน
หากต้องการใช้ SMR สําหรับแอปพลิเคชัน ให้เลือกตัวเลือกตัวรับสื่อสไตล์เมื่อคุณเพิ่มแอปพลิเคชันใหม่ในคอนโซลของนักพัฒนาซอฟต์แวร์ของ Google Cast SDK ดูข้อมูลเพิ่มเติมได้ที่การลงทะเบียน ตัวเลือกนี้จะมีลิงก์ไปยังแสดงตัวอย่างชีตสไตล์เริ่มต้น และช่องที่คุณป้อน URL ลงในสไตล์ชีต คุณสามารถใช้รูปแบบเริ่มต้นหรือระบุ HTTPS URL ไปยังไฟล์ CSS ก็ได้ คุณใช้เซิร์ฟเวอร์ของคุณเองเพื่อโฮสต์ไฟล์ CSS ได้ เมื่อระบุ URL ไปยังไฟล์ CSS แล้ว ให้คลิกแสดงตัวอย่างเพื่อดูว่าสไตล์ในเครื่องรับจะมีลักษณะอย่างไร
สื่อที่รองรับ
ผู้รับทั้งหมดรองรับประเภทสื่อตามที่อธิบายไว้ในสื่อที่รองรับ
SMR รองรับวิดีโอ เสียง และรูปภาพ และควบคุมจากแอปพลิเคชันผู้ส่งโดยใช้ช่องทางสื่อของ Cast SDK SMR เป็นไปตามหลักเกณฑ์ด้าน UX สําหรับการเล่นสื่อในอุปกรณ์แคสต์อย่างสมบูรณ์
พิมพ์แบบอักษร
ดูแบบอักษรที่ติดตั้งมาล่วงหน้าสําหรับรายการแบบอักษรที่ติดตั้งมาล่วงหน้ากับตัวรับ
CSS
Styled Media Receiver ใช้คลาส 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) ลิขสิทธิ์ Blender Foundation / www.sintel.org