मीडिया की स्थिति दिखाने वाला इंडिकेटर

मीडिया प्रोग्रेस इंडिकेटर कॉम्पोनेंट, मीडिया ऐप्लिकेशन के लिए खास होता है.

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


शरीर रचना

मीडिया प्रोग्रेस इंडिकेटर में एक इनऐक्टिव ट्रैक (स्लेटी रंग में दिखाया गया) शामिल होता है जो मीडिया सोर्स के कुल समय को दिखाता है. साथ ही, एक चालू ट्रैक (ऐक्सेंट रंग के साथ दिखाया जाता है) भी होता है जो बंद हो चुके ट्रैक के ऊपर, प्ले होने में लगने वाला समय दिखाता है.

मीडिया की प्रोग्रेस दिखाने वाले इंंडिकेटर की बनावट
1. चालू ट्रैक
2. बंद ट्रैक

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

लीनियर मीडिया प्रोग्रेस इंडिकेटर

लीनियर प्रोग्रेस इंडिकेटर, किसी हॉरिज़ॉन्टल ऐक्सिस पर कुल समय और बीता हुआ समय दिखाता है. ट्रैक का दिखाई देने वाला हिस्सा 76dp के टच-टारगेट एरिया में होता है. बिताए गए समय पर टैप या खींचने से उपयोगकर्ता मीडिया स्रोत में अलग-अलग स्थानों पर जा सकता है. लीनियर मीडिया प्रोग्रेस इंडिकेटर, 800dp या उससे बड़ी स्क्रीन के लिए है.

सर्कुलर प्रोग्रेस दिखाने वाला इंडिकेटर

गोल आकार में प्रोग्रेस दिखाने वाला संकेत, गतिविधि की अवधि और बीता हुआ समय एक सर्कल के तौर पर दिखाता है. अलग-अलग जगहों पर ले जाने के लिए, बीते हुए समय को टैप या खींचकर छोड़ने की सुविधा काम नहीं करती है. सर्कुलर मीडिया प्रोग्रेस इंडिकेटर, उन स्क्रीन के लिए है जिनकी ऊंचाई 800dp से कम हो. साथ ही, मीडिया प्लेबैक कंट्रोल को कम करने पर, इस इंडिकेटर का इस्तेमाल किया जा सकता है.

मीडिया की प्रोग्रेस दिखाने वाले इंडिकेटर की स्थितियां

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

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

खास जानकारी

लीनियर मीडिया प्रोग्रेस इंडिकेटर

लीनियर मीडिया प्रोग्रेस इंडिकेटर रेडलाइन

गोल मीडिया की प्रोग्रेस दिखाने वाला इंडिकेटर

मीडिया की प्रोग्रेस दिखाने वाले सर्कुलर इंंडिकेटर की रेडलाइन

पसंद के मुताबिक बनाएं

मीडिया चलाने के दौरान, स्क्रीन पर मीडिया की प्रोग्रेस दिखाने वाले इंंडिकेटर का चालू ट्रैक, ऐक्सेंट के रंग का इस्तेमाल करके दिखता है. डिफ़ॉल्ट ऐक्सेंट का रंग, नीले रंग का होता है. ऐप्लिकेशन डेवलपर अपने ऐप्लिकेशन के एक्सेंट का रंग चुनने का विकल्प चुन सकते हैं, जो उनके मीडिया ब्रैंड को दिखाता है. इसी तरह, OEM कोई ऐसा एक्सेंट रंग उपलब्ध करा सकते हैं जो उनकी कार के ब्रैंड को दिखाता हो. अगर ऐप्लिकेशन के ऐक्सेंट के रंग के बजाय, OEM के ऐक्सेंट के रंग को प्राथमिकता दी जाती है, तो उसे प्राथमिकता दी जाएगी.

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

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

कॉम्पोनेंट को पसंद के मुताबिक बनाने में, रंग का इस्तेमाल करने के बारे में खास जानकारी पाने के लिए, रंग पर जाएं.


उदाहरण

लीनियर मीडिया की प्रोग्रेस दिखाने वाला इंडिकेटर
मीडिया ऐप्लिकेशन के प्लेबैक व्यू पर, लीनियर मीडिया प्रोग्रेस इंडिकेटर
मीडिया की प्रोग्रेस दिखाने वाला सर्कुलर इंंडिकेटर
यहां, वीडियो चलाने के छोटे से कंट्रोल पर, गोल मीडिया प्रोग्रेस इंडिकेटर दिखता है. छोटा किया गया कंट्रोल, प्लेलिस्ट की स्क्रीन पर ओवरले करता है.