KNX Player Tasarımı

Modern web uygulamalarında medya tüketimi, standart HTML5 video etiketlerinin çok ötesine geçti. Gelişmiş codec desteği, özel altyazı entegrasyonları ve kesintisiz yayın (streaming) kalitesi sağlamak amacıyla KNX Player projesini hayata geçirdim. Bu oynatıcı, performans odaklı mimarisiyle sıradan medya araçlarına güçlü bir alternatif sunuyor.

💡 Geliştirici Notu: KNX Player'ı tasarlarken, düşük internet hızlarında bile takılmayı önleyecek "buffer" (önbellekleme) algoritmalarına büyük özen gösterdim.

Özel Kontrol Arayüzü ve Kısayollar

Kullanıcı deneyimini (UX) maksimize etmek için tarayıcı kontrollerini tamamen gizleyerek, klavye kısayollarıyla (Boşluk, Yön tuşları, F vb.) tam uyumlu, Vercel çizgilerinde minimal bir medya kontrol paneli kodladım.

Olay Dinleyicileri (Event Listeners)

Oynatıcının klavye kısayollarını nasıl yakaladığını gösteren çekirdek kod bloğunu aşağıda bulabilirsiniz:

// KNX Player - Klavye Kontrol Entegrasyonu
document.addEventListener('keydown', (e) => {
  const player = document.getElementById('knx-video');
  
  switch(e.key.toLowerCase()) {
    case ' ': // Boşluk tuşu (Oynat/Duraklat)
      e.preventDefault();
      player.paused ? player.play() : player.pause();
      break;
    case 'f': // Tam ekran modu
      player.requestFullscreen();
      break;
  }
});