Sayfa değişse de susmayan radyo çalar
İnternet radyosu web sitesi için kesintisiz SPA çalar: rota değişse de müzik durmaz, kilit ekranında kapak ve kontroller, yüklenebilir PWA, arka planda çalma.
Klasik radyo sitelerinde dinleyici “Programlar” bağlantısına tıkladığı anda müzik kesilir; sayfa baştan yüklenir, yayın da baştan bağlanır. Bu, dinleyicinin siteyi gezmesini cezalandırır. Dalgova’da çalar uygulamanın en dış katmanında yaşar: içerik değişir, ses öğesi aynı kalır.
Bu yüzden radyo sitesi yaptırmak isteyen yayıncıların ilk sorduğu soru — “sitede gezinirken yayın kesilir mi?” — bu yazılımda hiç gündeme gelmez. Gezinme React Router ve View Transitions ile yapılır; çalar çubuğu ve arka plan ışığı geçiş boyunca sabit durur.
Nasıl çalışır?
- 01Tek ses öğesi
Tarayıcıda tek bir ses öğesi açılır ve sayfalar değişirken yeniden oluşturulmaz. Kanal değişince yalnız kaynak değişir.
- 02Eşzamanlı akış
Demo kanallarında yayın duvar saatine bağlıdır; iki farklı cihaz aynı anda aynı saniyeyi duyar. Kendi Icecast/Shoutcast/HLS akışınız bağlandığında doğrudan o akış çalar.
- 03Kilit ekranı
Media Session ile kilit ekranında ve bildirim alanında parça adı, sanatçı, kapak; oynat/durdur ve önceki/sonraki kanal düğmeleri çalışır.
- 04Yüklenebilir uygulama
PWA bildirimi ve hizmet çalışanı sayesinde site telefona uygulama gibi eklenir; kabuk çevrimdışı açılır, ses akışı önbelleğe alınmaz.
Canlı demoda deneyin
Müzik ve ilerleme çubuğu kesintisiz devam eder.
/ Şimdi çalıyor ekranıPlak, spektrum ve son 10 parça.
/simdi-caliyor Gömülü çalarBaşka bir siteye tek satırla eklenen kompakt çalar.
/gomuluKlasik eklenti tabanlı radyo temalarından farkı
- Klasik eklenti tabanlı radyo temalarında çalar çoğunlukla açılır pencere ya da iframe’dir; bu çalar sitenin parçasıdır ve tasarımı sitenin renklerini kullanır.
- Otomatik çalma yoktur: tarayıcı kurallarına uygun olarak ilk dokunuşla başlar, sonra hiç durmaz.
- Arşiv bölümü ya da video açıldığında canlı yayın duraklar, bitince kendiliğinden canlıya döner.
Sık sorulanlar
iPhone’da kilit ekranından kontrol edilebiliyor mu?
Evet. Safari ve ana ekrana eklenen PWA’da Media Session bilgileri gösterilir; oynat/durdur ve önceki/sonraki kanal düğmeleri çalışır. Arka planda çalma için ses öğesi kesintisiz tutulur.
Kendi yayın sunucumla çalışır mı?
Panelde kanal başına akış adresi (Icecast, Shoutcast, HLS) ve metadata kaynağı girilir. Çalar bu akışı oynatır, şarkı bilgisini seçtiğiniz kaynaktan okur.
Sayfa değişirken arama motorları içeriği görebiliyor mu?
Evet. Her sayfa derleme sırasında statik HTML olarak da üretilir; arama motorları JavaScript çalıştırmadan başlığı ve metni görür, tarayıcıda ise uygulama devralır.
Bu sayfa Briefikir’in internet radyosu web sitesi ve yayın otomasyonu yazılımını anlatır. Ayrıntı: web sitesi hizmeti · mobil uygulama geliştirme.
