Chromecast / Akıllı TV

1Chromecast Desteği Nedir?#

Chromecast desteği, kullanıcıların uygulamanızdan bir TV'ye veya akıllı ekrana video/ses yayınlamasına olanak tanır. Uygulama, web sitenizin yayını başlatmak için çağırabileceği bir JavaScript köprüsü sağlar.

Şunlar için mükemmel:

• Video akışı web siteleri
• Müzik platformları
• Fotoğraf galerileri
• Sunum araçları
• Dijital tabela kontrol uygulamaları

2Nasıl Çalışır#

Oluşturulan uygulama, WebView'inize bir JavaScript köprüsü (window.WebToApk) ekler. Web siteniz, yerel Android yayınını başlatmak için bu köprüyü çağırabilir.

Akış:

1. Kullanıcı web sitenizdeki 'Cast' düğmesine dokunur
2. JS kodunuz çağırır window.WebToApk.castMedia(url)
3. Android, yerel medya paylaşım/yayın seçicisini açar
4. Kullanıcı Chromecast cihazını seçer
5. Medya TV'de oynatılır

3Web Sitenize Yayınlama Düğmesi Ekleyin#

Web sitenize JS köprüsünü çağıran bir Yayınla düğmesi ekleyin:

<!-- 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>

4Desteklenen Medya Türleri#

Yayın köprüsü şu medya türlerini destekler:

✅ Doğrudan video URL'leri (MP4, WebM)
✅ Ses URL'leri (MP3, AAC, OGG)
✅ HLS akışları (.m3u8)
✅ DASH akışları (.mpd)

⚠️ DRM korumalı içerik, ek Chromecast alıcı uygulaması kurulumu gerektirir

⚠️ Web sayfaları (HTML) doğrudan yayınlanamaz - yalnızca medya URL'leri yayınlanabilir

5Uygulama Ortamını Algılama#

Web siteniz, yayın düğmesini göstermek/gizlemek için oluşturulan uygulamanın içinde çalışıp çalışmadığını algılayabilir:

// 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';
}

6Tarayıcı İçin Yedek#

Web siteniz normal bir tarayıcıdan da açılıyorsa window.WebToApk nesnesi bulunmaz. Çağırmadan önce her zaman kontrol edin:

✅ Özellik algılama kullanın: if (window.WebToApk)
✅ Tarayıcı kullanıcıları için bir yedek mesaj sağlayın
✅ 'Yayınlama için uygulamamızı indirin' başlıklı bir banner göstermeyi düşünün