CodEX Player Mantığı

Müzik ve video deneyimini standart tarayıcı oynatıcılarının kısıtlamalarından kurtarmak için CodEX Player'ı geliştirdim. Çevrimdışı (offline) çalışma desteği, mobil öncelikli tasarımı ve kesintisiz akış mimarisiyle CodEX, sıradan bir medya oynatıcı değil, modern bir PWA (Progressive Web App) projesidir.

🎵 Vizyon: Müzik dinlerken veya video izlerken karmaşık bir arayüzün dikkati dağıtmasını istemeyiz. CodEX tamamen "içerik odaklı" minimal ve cam görünümlü (glassmorphism) bir UI sunar.

Service Workers ve Çevrimdışı Deneyim

Bu projenin mühendislik açısından en keyifli kısmı, internet bağlantısı koptuğunda bile uygulamanın çalışmaya devam etmesini sağlamaktı. Service Worker'lar ve IndexedDB teknolojilerini kullanarak ses dosyalarını yerel hafızada önbellekliyoruz.

Özel Medya Kontrolcüsü (Custom Media Engine)

Tarayıcının varsayılan (ve sıkıcı) oynatıcı kontrollerini gizleyip, HTML5 Audio API'si üzerine kendi özel arayüzümüzü nasıl inşa ettiğimizi aşağıda görebilirsiniz:

// CodEX Custom Player Engine
const audio = new Audio('syntrawave-track-1.mp3');
const playBtn = document.getElementById('play-button');

playBtn.addEventListener('click', () => {
  if (audio.paused) {
    audio.play();
    playBtn.classList.add('playing');
    console.log('CodEX: Medya başarıyla oynatılıyor...');
  } else {
    audio.pause();
    playBtn.classList.remove('playing');
    console.log('CodEX: Medya duraklatıldı.');
  }
});