Smart TV uygulaması

IPTV Player: Connect for webOS, kumandayla gezilen TV uygulaması

Mobil uygulamanın TV kardeşini LG webOS için web teknolojileriyle yazdım. Arayüz 1920x1080 TV ekranına ve kumanda yön tuşlarına göre tasarlandı.

Müşteri

Kendi ürünüm

Yıl: 2026

Rolüm

Tasarım ve geliştirme

Hizmetler
  • webOS web uygulaması
  • TV arayüzü ve kumanda odağı
  • Oynatıcı entegrasyonu
  • LG mağaza hazırlığı
Teknolojiler
JavaScriptTailwindCSSShaka PlayerwebOS
Öne çıkanlar
  • LG webOS TV
  • Kumanda odaklı arayüz
  • HLS, DASH ve MPEG-TS

Problem

Televizyonda fare ve dokunma yok; her şey yön tuşları ve tamam düğmesiyle çalışmak zorunda. Binlerce kanallık listelerde gezinmek, doğru odak yönetimi olmadan hızla zorlaşıyor.

Hedef, telefon deneyimiyle aynı dili konuşan ama koltuktan kumandayla rahat kullanılan bir arayüzdü.

Çözüm

Düz HTML, JavaScript ve TailwindCSS ile webOS web uygulaması yazdım. Oynatma için Shaka Player'ı kullanıyor, olmadığında doğrudan video öğesine düşüyorum. Format tanıma ile HLS, DASH ve MPEG-TS akışları aynı oynatıcıdan çalışıyor.

  • Yön tuşlarıyla gezilen, odağı belirgin 1920x1080 arayüz
  • Canlı TV, film, dizi, favoriler, geçmiş ve izleme listesi
  • Kanal arama ve kategori sayfaları
  • 4 yayına kadar çoklu görüntü
  • Vitest ile yazılmış testler

Sonuç

Uygulama LG webOS için paketlenip kuruluma hazır; mağaza metinleri ve gönderim rehberi de hazırlandı. Mobil sürümle aynı marka ve ürün dilini taşıyor.

  • Kumandayla tam gezinilebilen TV arayüzü
  • Tek oynatıcıda birden fazla akış formatı
  • Paketlenmiş .ipk çıktısı
Ekran görüntüleri