ตัวรับสื่อที่มีการจัดรูปแบบ

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