Chromecast / स्मार्ट TV

1Chromecast सपोर्ट क्या है?#

Chromecast सपोर्ट से यूज़र आपके ऐप से वीडियो/ऑडियो को TV या स्मार्ट डिस्प्ले पर कास्ट कर सकते हैं। ऐप एक JavaScript ब्रिज देता है जिसे आपकी वेबसाइट कास्टिंग शुरू करने के लिए कॉल कर सकती है।

इनके लिए बढ़िया:

• वीडियो स्ट्रीमिंग वेबसाइट
• म्यूज़िक प्लेटफ़ॉर्म
• फ़ोटो गैलरी
• प्रेज़ेंटेशन टूल
• डिजिटल साइनेज कंट्रोल ऐप

2यह कैसे काम करता है#

बना हुआ ऐप आपके WebView में एक JavaScript ब्रिज (window.WebToApk) डालता है। आपकी वेबसाइट नेटिव Android कास्टिंग शुरू करने के लिए इस ब्रिज को कॉल कर सकती है।

क्रम:

1. यूज़र आपकी वेबसाइट पर 'Cast' बटन दबाता है
2. आपका JS कॉल करता है window.WebToApk.castMedia(url)
3. Android नेटिव मीडिया शेयरिंग/कास्टिंग चुनने वाली स्क्रीन खोलता है
4. यूज़र अपना Chromecast डिवाइस चुनता है
5. मीडिया TV पर चलता है

3अपनी वेबसाइट में Cast बटन जोड़ें#

अपनी वेबसाइट में एक Cast बटन जोड़ें जो JS ब्रिज को कॉल करे:

<!-- Add a Cast button -->
<button id="castBtn" onclick="castToTV()">
  📺 Cast to TV
</button>

<script>
function castToTV() {
  var videoUrl = document.querySelector('video')?.src
    || 'https://yoursite.com/video.mp4';
  
  if (window.WebToApk && window.WebToApk.castMedia) {
    window.WebToApk.castMedia(videoUrl);
  } else {
    alert('Casting is only available in the app');
  }
}
</script>

4समर्थित मीडिया प्रकार#

कास्ट ब्रिज ये मीडिया प्रकार सपोर्ट करता है:

✅ सीधे वीडियो URL (MP4, WebM)
✅ ऑडियो URL (MP3, AAC, OGG)
✅ HLS स्ट्रीम (.m3u8)
✅ DASH स्ट्रीम (.mpd)

⚠️ DRM-सुरक्षित सामग्री के लिए Chromecast रिसीवर ऐप का अतिरिक्त सेटअप चाहिए

⚠️ वेब पेज (HTML) सीधे कास्ट नहीं हो सकते - सिर्फ़ मीडिया URL

5ऐप का माहौल पहचानें#

आपकी वेबसाइट पहचान सकती है कि वह बने हुए ऐप के अंदर चल रही है या नहीं, ताकि cast बटन दिखाए/छिपाए:

// Check if running inside WebToApk app
if (window.WebToApk) {
  // Running in the app — show cast button
  document.getElementById('castBtn')
    .style.display = 'block';
} else {
  // Running in a browser — hide cast button
  document.getElementById('castBtn')
    .style.display = 'none';
}

6ब्राउज़र के लिए विकल्प#

अगर आपकी वेबसाइट सामान्य ब्राउज़र से भी खोली जाती है, तो window.WebToApk ऑब्जेक्ट नहीं होगा। कॉल करने से पहले हमेशा जाँचें:

✅ फ़ीचर डिटेक्शन इस्तेमाल करें: if (window.WebToApk)
✅ ब्राउज़र यूज़र के लिए एक वैकल्पिक संदेश दें
✅ 'कास्टिंग के लिए हमारा ऐप डाउनलोड करें' बैनर दिखाने पर विचार करें