स्मार्ट डिसप्ले के लिए ऑप्टिमाइज़ करना

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

इस गाइड में बताया गया है कि लॉन्च होने पर वेब रिसीवर ऐप्लिकेशन को कैसे ऑप्टिमाइज़ करें और प्लेयर कंट्रोल को अपनी पसंद के मुताबिक़ बनाने का तरीक़ा बताया गया है.

ध्यान दें: इस सुविधा को पसंद के मुताबिक बनाने के लिए, पहले से मौजूद प्लेयर यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करना ज़रूरी है cast-media-player एलिमेंट. यूज़र इंटरफ़ेस (यूआई) की स्थिति को ट्रैक करना, ब्रैंडिंग, और अगर इस एलिमेंट का इस्तेमाल नहीं किया जाता है, तो आपको पसंद के मुताबिक अन्य बदलाव मैन्युअल तरीके से करने होंगे.

यूज़र इंटरफ़ेस (यूआई) के कंट्रोल ऐक्सेस करना

यूज़र इंटरफ़ेस (यूआई) कंट्रोल ऑब्जेक्ट को इस कोड से ऐक्सेस किया जा सकता है:

const controls = cast.framework.ui.Controls.getInstance();

अगर आप cast-media-player एलिमेंट का इस्तेमाल नहीं कर रहे हैं, तो आपको इसे सेट करना होगा UiConfig में, true के लिए touchScreenOptimizedApp प्रॉपर्टी CastReceiverOptions के अंतर्गत.

context.start({
  uiConfig: {
    touchScreenOptimizedApp: true
  }
});

डिफ़ॉल्ट वीडियो यूज़र इंटरफ़ेस (यूआई)

डिफ़ॉल्ट कंट्रोल बटन MetadataType और MediaStatus.supportedMediaCommands.

MetadataType.Movie, MetadataType.जेनेरिक

जवाब --playback-logo-image

बी॰ MovieMediaMetadata.subtitle या GenericMediaMetadata.subtitle.

सी॰ MovieMediaMetadata.title या GenericMediaMetadata.title.

D. MediaStatus.currentTime

ई. MediaInformation.duration

F. ControlsSlot.SLOT_SECONDARY_1

जी. ControlsSlot.SLOT_PRIMARY_1

एच॰ चलाएं / रोकें

मैं. ControlsSlot.SLOT_PRIMARY_2

जे॰ ControlsSlot.SLOT_SECONDARY_2

जब supportedMediaCommands की वैल्यू इसके बराबर होती है ALL_BASIC_MEDIA, डिफ़ॉल्ट कंट्रोल लेआउट इस तरह दिखेगा:

जब supportedMediaCommands की वैल्यू इसके बराबर होती है ALL_BASIC_MEDIA | QUEUE_PREV | QUEUE_NEXT, डिफ़ॉल्ट कंट्रोल लेआउट इस तरह दिखाएं:

जब supportedMediaCommands की वैल्यू इसके बराबर होती है PAUSE | QUEUE_PREV | QUEUE_NEXT, डिफ़ॉल्ट कंट्रोल लेआउट इस तरह दिखेगा:

टेक्स्ट ट्रैक उपलब्ध होने पर, सबटाइटल बटन हमेशा यहां दिखेगा SLOT_SECONDARY_1.

शुरू करने के बाद supportedMediaCommands की वैल्यू को डाइनैमिक तौर पर बदलने के लिए पाने वाले का संदर्भ, PlayerManager.setSupportedMediaCommands पर कॉल किया जा सकता है का इस्तेमाल करें. साथ ही, addSupportedMediaCommands का इस्तेमाल करके नया निर्देश जोड़ा जा सकता है या removeSupportedMediaCommands का इस्तेमाल करके मौजूदा निर्देश को हटाएं.

डिफ़ॉल्ट ऑडियो यूज़र इंटरफ़ेस (यूआई)

MetadataType.MUSIC_TRACK

जवाब --playback-logo-image

ब. MusicTrackMediaMetadata.albumName

सी. MusicTrackMediaMetadata.title

डी॰ MusicTrackMediaMetadata.albumArtist, MusicTrackMediaMetadata.artist या MusicTrackMediaMetadata.composer

ई. MusicTrackMediaMetadata.images[0]

F. MediaStatus.currentTime

जी. MediaInformation.duration

H. ControlsSlot.SLOT_SECONDARY_1

मैं. ControlsSlot.SLOT_PRIMARY_1

जे॰ चलाएं / रोकें

के॰ ControlsSlot.SLOT_PRIMARY_2

बायां ControlsSlot.SLOT_SECONDARY_2

जब supportedMediaCommands की वैल्यू ALL_BASIC_MEDIA के बराबर होगी, तब डिफ़ॉल्ट कंट्रोल लेआउट इस तरह दिखेगा:

जब supportedMediaCommands की वैल्यू ALL_BASIC_MEDIA | QUEUE_PREV | QUEUE_NEXT के बराबर होती है, तो डिफ़ॉल्ट कंट्रोल लेआउट इस तरह दिखेगा:

शुरू करने के बाद supportedMediaCommands की वैल्यू को डाइनैमिक तौर पर बदलने के लिए वेब रिसीवर संदर्भ, आप PlayerManager.setSupportedMediaCommands को कॉल कर सकते हैं का इस्तेमाल करें. नए निर्देश भी जोड़े जा सकते हैं. इसके लिए, addSupportedMediaCommands या removeSupportedMediaCommands का इस्तेमाल करके मौजूदा निर्देशों को हटाएं.

यूज़र इंटरफ़ेस (यूआई) कंट्रोल बटन का लेआउट पसंद के मुताबिक बनाना

अगर आपको यूज़र इंटरफ़ेस (यूआई) कंट्रोल में बटन बदलना है, तो पसंद के मुताबिक लेआउट का इस्तेमाल करना.

अहम जानकारी: कंट्रोल असाइन करने से पहले, सभी डिफ़ॉल्ट बटन हटाना ज़रूरी है स्लॉट में इस तरह के बटन जोड़े जा सकते हैं, ताकि कस्टम और डिफ़ॉल्ट लेआउट के बीच टकराव से बचा जा सके.

const controls = cast.framework.ui.Controls.getInstance();
controls.clearDefaultSlotAssignments();

इसके बाद, assignButton पर कॉल करके चार स्लॉट के लिए कंट्रोल बटन असाइन किए जा सकते हैं.

controls.assignButton(
  cast.framework.ui.ControlsSlot.SLOT_SECONDARY_1,
  cast.framework.ui.ControlsButton.LIKE
)

controls.assignButton(
  cast.framework.ui.ControlsSlot.SLOT_SECONDARY_2,
  cast.framework.ui.ControlsButton.DISLIKE
)

और कस्टम लेआउट इस तरह दिखेगा:

जब असाइन किया गया बटन MediaStatus.supportedMediaCommands में काम नहीं करता, तो जब बटन धूसर किया गया हो. उदाहरण के लिए, अगर supportedMediaCommands इसके बराबर हो ALL_BASIC_MEDIA | QUEUE_NEXT | LIKE | DISLIKE और इसके बाद QUEUE_PREV बटन बंद है.

इसके बाद supportedMediaCommands की वैल्यू को डाइनैमिक तौर पर बदलने के लिए वेब रिसीवर संदर्भ शुरू कर रहे हैं, तो आप PlayerManager.setSupportedMediaCommands को कॉल कर सकते हैं का इस्तेमाल करें. इसके अलावा, आप addSupportedMediaCommands का इस्तेमाल करके नए निर्देश भी जोड़ सकते हैं या removeSupportedMediaCommands का इस्तेमाल करके मौजूदा निर्देशों को हटाएं.

दूसरी इमेज

सेकंडरी इमेज, कास्ट करने की सुविधा देती है डेवलपर को यूज़र इंटरफ़ेस (यूआई) में ऑडियो के लिए, जानकारी देने वाली इमेज जोड़ने की सुविधा मिलती है स्थानीय चैनल के लोगो या मीडिया फ़ॉर्मैट दिखाने के लिए, उदाहरण के लिए. यह नई सुविधा उपलब्ध होने पर, बहुत कम ओवरहेड दिया जाता है. अलग-अलग कास्ट डिसप्ले प्लैटफ़ॉर्म पर एक जैसा यूज़र इंटरफ़ेस (यूआई) बनाए रखना: Chromecast, स्मार्ट डिसप्ले, और Chromecast with Google TV.