कास्ट करें बटन पर क्लिक करने पर एक डायलॉग बॉक्स खुलता है. इसमें वेब रिसीवर से कनेक्ट, कंट्रोल, और डिसकनेक्ट करने के लिए कहा जाता है.
कास्ट बटन टेंप्लेट डाउनलोड करने के लिए, कास्ट आइकॉन देखें.
ध्यान दें कि 'कास्ट करें' बटन खास तौर पर Google Cast के लिए नहीं है. इसका इस्तेमाल वेब और गैर-वेब रिसीवर (जैसे ब्लूटूथ हेडसेट) को दिखाने के लिए किया जा सकता है. वेब रिसीवर हमेशा 'कास्ट करें' डायलॉग के नीचे दिखना चाहिए. इसके अलावा, वे कभी भी दूसरे डायलॉग, मेन्यू या कंट्रोल के नीचे नहीं दिखने चाहिए.
उपयोगकर्ताओं को कास्ट करने के बारे में जानकारी दें
पेश है कास्ट बटन, मौजूदा उपयोगकर्ताओं को यह जानने में मदद करता है कि भेजने वाले ऐप्लिकेशन पर अब कास्ट किया जा सकता है. साथ ही, इससे Google Cast के नए उपयोगकर्ताओं को भी मदद मिलती है.
ज़रूरी है
A जब पहली बार वेब पाने वाले उपलब्ध हों, तो कास्ट के लिए परिचय स्क्रीन दिखाएं. iOS भेजने वालों के लिए, पहली बार 'कास्ट करें' बटन दिखने पर,
कास्ट के बारे में जानकारी देने वाली स्क्रीन दिखाएं.
B बटन पर गोला बनाकर कास्ट बटन को विज़ुअल रूप से हाइलाइट करें
C बताएं कि कास्ट बटन कैसे काम करता है (उदाहरण के लिए,
"अपने टीवी पर वीडियो कास्ट करने के लिए छुएं")
Android
कास्ट करने के बारे में जानकारी
![कास्ट करने के बारे में जानकारी](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/prompting1_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
iOS
कास्ट करने के बारे में जानकारी
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/prompting1_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
Chrome
कास्ट करने के बारे में जानकारी
![कास्ट करने के बारे में जानकारी](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/prompting1_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![होमस्क्रीन कास्ट करें](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
'कास्ट करें' बटन की उपलब्धता
ज़रूरी है
A 'कास्ट करें' बटन हर उस स्क्रीन पर दिखना चाहिए जहां वीडियो चलाया जा सकता है. साथ ही, कॉन्टेंट ब्राउज़ करते या चलाते समय यह एक ही जगह पर दिखना चाहिए. यह ग्लोबल कंट्रोल के लिए, Chrome के हेडर में भी दिखेगा.
B Chrome में, वेब रिसीवर के उपलब्ध न होने पर
कास्ट बटन को छिपाया जा सकता है. Android और iOS भेजने वालों के लिए,
डिवाइस के वाई-फ़ाई से कनेक्ट होने पर, कास्ट बटन हमेशा दिखना चाहिए, ताकि
अगर उपयोगकर्ता ने लोकल नेटवर्क का ऐक्सेस बंद कर दिया हो और इसकी वजह से
डिवाइसों को खोजा न जा सके, तो उचित मदद मिल सके. (ज़्यादा जानकारी के लिए, iOS की अनुमतियां और डिस्कवरी देखें).
C मोबाइल ऐप्लिकेशन में, 'कास्ट करें' बटन दाईं
ओर होना चाहिए.
D Chrome में, कॉन्टेंट मीडिया कंट्रोल में
कास्ट बटन दाईं ओर होना चाहिए (उदाहरण के लिए, एम्बेड किया गया वीडियो देखें). अगर मीडिया कंट्रोल में फ़ुलस्क्रीन
बटन है, तो 'कास्ट करें' बटन को उसकी बाईं ओर रखें.
ध्यान दें
Google Cast, एक से ज़्यादा काम करने वाले मॉडल का इस्तेमाल करता है. इसकी मदद से, उपयोगकर्ता कास्ट करते समय, भेजने वाले के ऐप्लिकेशन और अन्य ऐप्लिकेशन को ब्राउज़ कर सकते हैं. कास्ट बटन हर उस स्क्रीन पर दिखना चाहिए जहां चलाने के लिए कॉन्टेंट मौजूद है. इससे उपयोगकर्ता को यह पता लगाने की ज़रूरत नहीं पड़ती कि टीवी पर चल रहे कॉन्टेंट को कहां रोकना या बंद करना है.
Android
भेजने वाला व्यक्ति डिसकनेक्ट हो गया
![भेजने वाला व्यक्ति डिसकनेक्ट हो गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
iOS
भेजने वाला व्यक्ति डिसकनेक्ट हो गया
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-available1_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
Chrome
भेजने वाला व्यक्ति डिसकनेक्ट हो गया
![भेजने वाला व्यक्ति डिसकनेक्ट हो गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-available1_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
'कास्ट करें' बटन के स्टेटस
ज़रूरी है
A डिसकनेक्ट है: वेब रिसीवर उपलब्ध होने पर
कास्ट करें बटन दिखता है
B कनेक्ट करना: जब वेब रिसीवर कनेक्ट होता है,
कास्ट बटन धीरे-धीरे आइकॉन में तरंगें दिखाता है (जानकारी के लिए, नीचे दिया गया नोट देखें)
C कनेक्ट है: जब यह ऐप्लिकेशन कास्ट
वेब रिसीवर से कनेक्ट होता है, तब इसका कास्ट बटन दिखता है
सबसे सही तरीके
बटन की हर स्थिति के लिए, अपने ऐप्लिकेशन के
अन्य यूज़र इंटरफ़ेस (यूआई) एलिमेंट की स्टाइल से मेल खाने वाले रंगों का इस्तेमाल करें. चालू / कनेक्ट किया गया स्टेटस के लिए, हाइलाइट करने वाले किसी अलग रंग (जैसे कि पीला) का इस्तेमाल करना ज़रूरी नहीं है.
ज़रूरी जानकारी
- 'कास्ट करें' आइकॉन, Chrome, Android, और iOS पर दिखता है. इससे कास्ट एक्सटेंशन को ऐक्सेस किया जा सकता है, भले ही कास्ट डिवाइसों की उपलब्धता कुछ भी हो.
- कनेक्टिंग (ऐनिमेटेड) स्थिति तब दिखती है, जब Cast API से कनेक्शन में उम्मीद से ज़्यादा समय लगता है (Android और Chrome SDK टूल, कास्ट करने के आइकॉन को अपने-आप ऐनिमेट कर देंगे). कनेक्ट होने के बाद, वेब रिसीवर ऐप्लिकेशन लॉन्च हो जाता है.
- 'कास्ट करें' आइकॉन की चालू / कनेक्ट होने की स्थिति को अपडेट कर दिया गया है. अब इस आइकॉन के फ़्रेम में पूरी तरह से भरे हुए डेटा का इस्तेमाल किया जाता है. नए कास्ट आइकॉन और आइकॉन टेंप्लेट यहां उपलब्ध हैं.
Android
भेजने वाला, कास्ट डिसकनेक्ट किया गया
![भेजने वाला, कास्ट डिसकनेक्ट किया गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![होम स्क्रीन कास्ट करें](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट बटन को कनेक्ट कर रहा है
![भेजने वाला व्यक्ति, कास्ट बटन को कनेक्ट कर रहा है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-2-122023.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![होम स्क्रीन कास्ट करें](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया
![भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=7&hl=hi)
वेब रिसीवर ऐप्लिकेशन लोड हो रहा है
![वेब रिसीवर ऐप्लिकेशन लोड हो रहा है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया
![भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=7&hl=hi)
वेब रिसीवर ऐप्लिकेशन लोड हो गया / कुछ समय से इस्तेमाल में नहीं है
![वेब रिसीवर ऐप्लिकेशन लोड हो गया / कुछ समय से इस्तेमाल में नहीं है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=hi)
iOS
भेजने वाले की जानकारी, कास्ट करने की सुविधा उपलब्ध नहीं है
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states1_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला, कास्ट डिसकनेक्ट किया गया
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट बटन को कनेक्ट कर रहा है
![भेजने वाला व्यक्ति, कास्ट बटन को कनेक्ट कर रहा है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states3_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=7&hl=hi)
वेब रिसीवर ऐप्लिकेशन लोड हो रहा है
![वेब रिसीवर ऐप्लिकेशन लोड हो रहा है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=7&hl=hi)
वेब रिसीवर ऐप्लिकेशन लोड हो गया / कुछ समय से इस्तेमाल में नहीं है
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=hi)
Chrome
भेजने वाले की जानकारी, कास्ट करने की सुविधा उपलब्ध नहीं है
![भेजने वाले की जानकारी, कास्ट करने की सुविधा उपलब्ध नहीं है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states1_a.png?authuser=7&hl=hi)
कनेक्शन की स्थिति चाहे जो भी हो, कास्ट एक्सटेंशन का ऐक्सेस देने के लिए Chrome में 'कास्ट करें' आइकॉन दिखता है.
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला, कास्ट डिसकनेक्ट किया गया
![भेजने वाला, कास्ट डिसकनेक्ट किया गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट बटन को कनेक्ट कर रहा है
![भेजने वाला व्यक्ति, कास्ट बटन को कनेक्ट कर रहा है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states3_a.png?authuser=7&hl=hi)
होम स्क्रीन कास्ट करें
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया
![भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=7&hl=hi)
वेब रिसीवर ऐप्लिकेशन लोड हो रहा है
![वेब रिसीवर ऐप्लिकेशन लोड हो रहा है](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=hi)
भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया
![भेजने वाला व्यक्ति, कास्ट करने के लिए कनेक्ट किया गया](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=7&hl=hi)
वेब रिसीवर ऐप्लिकेशन लोड हो गया / कुछ समय से इस्तेमाल में नहीं है
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=hi)
इस डिज़ाइन गाइड में इस्तेमाल की गई इमेज, ब्लेंडर फ़ाउंडेशन की ओर से दी गई हैं. इसे कॉपीराइट या क्रिएटिव कॉमंस लाइसेंस के तहत शेयर किया गया है.
- एलिफ़ेंट्स ड्रीम: (c) कॉपीराइट 2006, ब्लेंडर फाउंडेशन / नीदरलैंड्स मीडिया आर्ट इंस्टिट्यूट / www.leafsdream.org
- Sintel: (c) कॉपीराइट ब्लेंडर फ़ाउंडेशन | www.sintel.org
- स्टील के आंसू: (सीसी) ब्लेंडर फ़ाउंडेशन | mango.blender.org
- बिग बक बनी: (c) कॉपीराइट 2008, ब्लेंडर फ़ाउंडेशन / www.bigbowbunny.org