Bizi Takip Edin!

React Native Chromecast Entegrasyonu

Chromecast ve google TV

React Native Chromecast Entegrasyonu

Bu blog yazımda React Native Chromecast entegrasyonundan bahsedeceğim. Eğlenceli bir entegrasyon hakkında bilgi sahibi olmaya hazır olun!

Bir yılı aşkın süredir kısıtlamalar altındayız. Bu kısıtlama sürecinde pek çok eğlence anlayışımız değişti. Bunlardan biri de izlediğimiz her şeyi TV’ye yansıtmak olmaya başladı. Mobil cihazlarla istediğimiz içeriklere daha rahat ulaşabiliyor ve bu içerikleri daha büyük ekranlara aktarmak istiyoruz. Hem bir taraftan içeriği takip edip hem de yapmamız gereken diğer işlere devam ediyoruz. Telefona olan bağımlılığımız da azalıyor. Bir bilgisayar açıp istediğimiz içeriğe ulaşmak da bazen zor geliyor çünkü kısıtlamalar altında bu kolaylık bize daha özgür hissettirdi. Bu nedenle de Googlecast uygulamalarda aranan bir özellik olmaya başladı diyebiliriz.

Chromecast, React Native uygulamaları çok iyi destekliyor. Çok sayıda React Native uygulama geliştiricisi tarafından yaygın olarak kullanılıyor.

 

Google Chromecast nedir?

Chromecast, Google tarafından geliştirilmiş birçok cihazdan farklı olarak bir dijital medya cihazıdır. HDMI portu üzerinden bir TV veya monitöre görsel/işitsel içerik aktarımı sağlayan bir donanım yapısı vardır. Chromecast’inizi WiFi ağınıza bağladıktan sonra aynı ağ üzerinde bulunan mobil cihazlardan veya tarayıcınızdan video veya oyunları çoklu ortam oynatıcı aracılığıyla aktarabilirsiniz. Kullanımı çok basit ve kolay. Kullanıcılar yayınladığı içerik üzerinden tam kontrole sahiptir.

Chromecast destekli ekranlar sayesinde artık küçük ekranlara mahkum değiliz.

 

React-native-google-cast kütüphanesi

React Native geliştiricileri için Chromecast ile içerik yayınlayabilmek için react-native-google-cast kütüphanesi öneriliyor. Ben de bu kütüphaneyi kullanarak uygulamamız içerisine Googlecast entegrasyonunu sağladım. Bu kütüphane, hem Android hem de IOS platformları için yerel Google Cast SDK’sını sarmalar ve böylece birleştirilmiş bir JavaScript arayüzüyle sonuçlanır. Kütüphaneyi kullanmaya başladığınızda aşağıdaki gibi çok yararlı olan birkaç UI bileşeniyle birlikte gelir:

  • Casting Button (Yayınlama Düğmesi): Chromecast cihazı ağınıza bağlanmış ise bir yayınlama düğmesi gözükür. Ağda bağlı bir Chromecast bulunmuyorsa bu nedenle yayın düğmesi görülemez. Düğmeye tıklandığında aynı ağ üzerindeki Chromecast cihazlarınızın listesi gösterilir. Kullanıcı yayın yapmak istediği cihazı seçer. Yayınlama işlemi başladığı anda yayınlama düğmesinin rengi değişecektir.
  • İlk Bağlantı Ekranı: Bir Chromecast’i ilk kez kullanan ya da yeni kullanıcılar için gerekli ekrandır. Bu Katman, Yayınla düğmesini vurgulamak için kullanışlıdır ve yalnızca bir kez React Native uygulaması Chromecast cihazına bağlanmak için ilk kez açıldığında kullanılır veya gösterilir.
  • İçerik Kontrol Paneli: Kullanıcı yayınlama işlemini başlatıp tekrar yayınlama düğmesini tetiklendiğinde içerik kontrolünü sağlayabileceği bir ekran ile karşılaşır. Ekranın tamamını kapsayacak şekilde açılan bir kontrol panelidir. Ayrıca o anda oynatılmakta olan içeriğin başlığını, alt başlığını, kapak resmini vb. izlemeye de izin verecektir.

 

React Native Chromecast entegrasyonu

React Native uygulamanıza react-native-google-cast kütüphanesini dahil etmekle başlıyoruz. Kütüphanenin dokümanı içerisinde hangi adımları uygulayacağımız ayrıntılı bir şekilde anlatılıyor. Kütüphane tarafından sunulan tüm API’lere buradan çok kolayca erişebilirsiniz. Bağlantı kuruldu, yeniden bağlanmaya çalışma, bağlantı başarısız, bağlantı askıya alındı, yeniden bağlanıldı, bağlantının kesilmesi, bağlantının kesilmesi vb. olayları kontrol edebilirsiniz. Dokümanda bulunan adımları doğru uygulamalıyız çünkü IOS ve Android cihazlarda uygulamamızın kütüphane ile uyumlu çalışabilmesi bizim için önemli. Kullanmak istediğimiz Component içerisine Chromecast düğmesini yerleştirilip kullanıma hazır hale getirebiliriz.

React Native uygulamanızda Chromecast kullanarak bir canlı video yayını aktarmak istiyorsanız, sahip olduğunuz URL’in HLS protokolüne uygun olması gerekmektedir. HLS (HTTP Live Stream), canlı yayın akışını sağlamak için Apple tarafından geliştirilen HTTP tabanlı bir yayın iletim protokolüdür.

 

Sona gelirken

Sonuç olarak Google Chromecast günümüz kullanıcılarının uygulamalarda isteğe bağlı ses/video aktarımını sağlayan kaliteli bir seçenektir. Mobil uygulamalarda Chromecast kullanmak rekabette avantajı sağlayacaktır.

Bir sonraki blog yazısında görüşmek üzere.
Rabia Vural

Rabia, aramıza 2021'in ilk aylarında katıldı. Bu aralar yoğun bir şekilde React Native kod yazmakla meşgul.

Yorum Yok

Yorum Yaz

Yorum
İsim
E-Posta
Website