Music Player

Kısa Açıklama

Bu projede tarayıcıda çalışan, çalma listesi ve temel oynatma kontrolleri olan bir müzik çalar geliştirmişim. Uygulama hazır şarkılarla açılıyor ve kullanıcı yeni parçaları URL ya da yerel dosya olarak ekleyebiliyor. :contentReference[oaicite:0]{index=0}

Problem

Basit müzik çalar örnekleri çoğu zaman sadece oynat ve durdur seviyesinde kalıyor. Bu projede oynatma akışını, liste yönetimini ve kullanıcıdan yeni parça eklemeyi tek arayüzde toplama ihtiyacını çözmeye odaklanmışım. :contentReference[oaicite:1]{index=1}

Çözüm

Uygulamayı sınıf tabanlı bir yapıda kurmuşum. MusicPlayer tarafında mevcut parça, shuffle, repeat ve liste yönetimini tutuyorum; arayüz tarafında ise progress bar, ses seviyesi, oynatma kontrolleri ve çalma listesi görünümünü olay dinleyicileriyle yönetiyorum. Kullanıcı yeni müziği dış bağlantıdan ekleyebiliyor ya da yerel dosyayı URL.createObjectURL ile oynatıcıya dahil edebiliyor. :contentReference[oaicite:2]{index=2}

Sonuç

Ortaya kurulum gerektirmeden doğrudan tarayıcıda açılan, görsel tarafı özenli ve etkileşimli bir müzik çalar çıkmış. Proje küçük ölçekli ama state yönetimi, HTML5 audio kullanımı ve istemci tarafında medya ekleme akışını net şekilde gösteriyor. :contentReference[oaicite:3]{index=3}

Teknolojiler

HTML5, CSS3, JavaScript, Font Awesome, Google Fonts

Kurulum