स्टाइल किया गया मीडिया रिसीवर

स्टाइल्ड मीडिया रिसीवर (एसएमआर) से भेजने वाले का इस्तेमाल करके, आपका ऐप्लिकेशन किसी कास्ट डिवाइस पर मीडिया चला सकता है. इसके लिए, अपनी पसंद के मुताबिक रिसीवर ऐप्लिकेशन नहीं बनाया जाता. रजिस्ट्रेशन के दौरान अपनी सीएसएस फ़ाइल देकर, एसएमआर कलर स्कीम और ब्रैंडिंग को पसंद के मुताबिक़ बनाया जा सकता है.

रजिस्ट्रेशन

अपने ऐप्लिकेशन के लिए एसएमआर का इस्तेमाल करने के लिए, Google Cast SDK डेवलपर कंसोल में नया ऐप्लिकेशन जोड़ते समय, स्टाइल वाला मीडिया रिसीवर विकल्प चुनें. ज़्यादा जानकारी के लिए रजिस्ट्रेशन देखें. इस विकल्प में डिफ़ॉल्ट स्टाइल शीट की झलक देखने के साथ-साथ एक फ़ील्ड भी शामिल होता है, जहां अपनी स्टाइल शीट का यूआरएल डाला जाता है. डिफ़ॉल्ट स्टाइल का इस्तेमाल किया जा सकता है या अपनी सीएसएस फ़ाइल का एचटीटीपीएस यूआरएल दिया जा सकता है. सीएसएस फ़ाइल होस्ट करने के लिए, अपने सर्वर का इस्तेमाल किया जा सकता है. अपनी सीएसएस फ़ाइल का यूआरएल देने के बाद, झलक देखें पर क्लिक करके देखा जा सकता है कि रिसीवर पर आपकी स्टाइल कैसी दिखेगी.

इस्तेमाल किया जा सकने वाला मीडिया

सभी रिसीवर के पास मीडिया टाइप का इस्तेमाल करने का विकल्प होता है, जैसा कि काम करने वाले मीडिया में बताया गया है.

एसएमआर वीडियो, ऑडियो, और इमेज के साथ काम करता है. इसे भेजने वाले का ऐप्लिकेशन, Cast SDK मीडिया चैनल का इस्तेमाल करके कंट्रोल करता है. एसएमआर, कास्ट डिवाइस पर मीडिया चलाने के लिए, UX से जुड़े दिशा-निर्देशों का पूरी तरह से पालन करता है.

फ़ॉन्ट टाइप करना

रिसीवर के साथ पहले से इंस्टॉल किए गए फ़ॉन्ट की सूची के लिए, पहले से इंस्टॉल किए गए फ़ॉन्ट देखें.

सीएसएस

स्टाइल वाला मीडिया रिसीवर, नीचे दी गई सीएसएस क्लास का इस्तेमाल करता है:

  • .बैकग्राउंड: रिसीवर के लिए बैकग्राउंड.
  • .logo: रिसीवर लॉन्च होने पर दिखाया जाने वाला लोगो. इस क्लास का इस्तेमाल तब भी किया जाता है, जब रिसीवर कुछ समय के लिए इस्तेमाल में न हो और कोई .splash क्लास का एलान न किया गया हो.
  • .progressBar: मीडिया प्लेबैक के लिए प्रोग्रेस बार.
  • .स्प्लैश: रिसीवर के कुछ समय तक इस्तेमाल न होने पर, यह स्क्रीन दिखती है. अगर इस क्लास का एलान नहीं किया जाता है, तो पाने वाले को डिफ़ॉल्ट रूप से .logo या ऐप्लिकेशन का नाम दिखेगा.
  • .वॉटरमार्क: मीडिया चलने के दौरान दिखने वाला वॉटरमार्क.

यहां सीएसएस फ़ाइल का उदाहरण दिया गया है, जो इन क्लास का इस्तेमाल करती है:

.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 पिक्सल की होती है और मीडिया मेटाडेटा से जुड़ा पहला इमेज रिसॉर्स, डिसप्ले के लिए चुना जाता है. इमेज का साइज़, ज़रूरी डाइमेंशन में फ़िट होने के लिए बढ़ाया जाता है.

       

बिग बक बनी से मिली इमेज: (c) कॉपीराइट 2008, ब्लेंडर फ़ाउंडेशन / www.bigbudbunny.org

Sintel से मिली इमेज: (c) कॉपीराइट ब्लेंडर फ़ाउंडेशन / www.sintel.org