AllaTurkaa

Merhaba Allaturkaa Forum Üyeleri ve Ziyaretçiler ,


Bugün sizlere, bir döneme damga vurmuş olan Flash (SWF) Player estetiğini günümüzün modern web teknolojileriyle (HTML5, CSS3 ve JavaScript) yeniden hayat verdiğim projem **"SWF HI-FI ENGINE V3.3"**ü tanıtmak istiyorum.
Bu çalışma sadece bir müzik çalar değil; aynı zamanda 2000'li yılların o dijital dokusunu, ekolayzer efektlerini ve kullanıcı dostu arayüzünü tarayıcınıza taşıyan bir nostalji köprüsüdür.


Neden Bu Player'ı Kullanmalısınız?
Piyasada binlerce modern player varken, bu projenin farkı ruhunda saklı. Eski radyo ve flash sitelerinin o kendine has, kompakt ve karizmatik yapısını, hiçbir harici kütüphaneye (jQuery vb.) ihtiyaç duymadan, tamamen saf (Vanilla) JavaScript ile kurgulandı.
Öne Çıkan Teknik Özellikler:

• Dinamik Akıcı Ekolayzer: Player'ın üst ekranında bulunan bar animasyonları, müzik ritmine uyum sağlayacak şekilde optimize edildi. 120ms'lik geçiş hızıyla göz yormayan, akıcı bir görsel şölen sunuyor.
  
• Hibrid Yayın Desteği: Hem statik .mp3 dosyalarını hem de canlı radyo stream (shoutcast/icecast) bağlantılarını sorunsuzca oynatabilir. Canlı yayınlarda süreyi otomatik olarak "CANLI" moduna çevirir.
  
• Akıllı Liste Yönetimi: Şarkı listesi üzerinden anlık seçim yapabilir, aktif olan parçayı vurgulu (highlight) şekilde görebilirsiniz.
  
• Retro UI Tasarımı: Linear-gradient geçişleri, CRT ekran efektini andıran tarama çizgileri (scanlines) ve klasik gölge oyunlarıyla tam bir "Flash Player" görünümü kazandırıldı.
  
• Full Responsive Yapı: 398px genişliği ile her türlü sidebar, forum postu veya kişisel blog sayfasına cuk diye oturur.
  

Tasarım Notları:

• Renk Paleti: Gözü yormayan #7a8a99 (Slate Gray) ve metalik gri tonları tercih edildi.
  
• Kontroller: Play/Pause, İleri/Geri ve hassas ses kontrolü (Volume Slider) en hızlı tepkiyi verecek şekilde programlandı.
  
• Progress Bar: Şarkının neresinde olduğunuzu şık bir dolgu efektiyle takip edebilir, tıklayarak şarkı içinde istediğiniz saniyeye atlayabilirsiniz.
  

Kurulum ve Kullanım:
Paylaştığım kodları tek bir .html dosyası olarak kaydetmeniz yeterlidir. Kendi playlist'inizi oluşturmak için JavaScript kısmındaki songs dizisine kendi bağlantılarınızı eklemeniz kafidir:


JavaScript


const songs = [ {n: "Parça Adı", l: "Müzik Linki", d: "Süresi"}, // ... ];
Son Söz:
Bu player, "Swf Player" temasıyla, paylaşımların ve dostluğun ön planda olduğu forum kültürüne bir hediye olarak geliştirilmiştir.
Projeyi geliştirmekten çekinmeyin, CSS üzerinden renkleri değiştirerek kendi forum temanıza uyarlayabilirsiniz.




Demo Adres: Buradan Buyrun


"Müziğin ruhu, dijitalin estetiğiyle buluştu."
Umarım beğenirsiniz, yorumlarınızı ve geliştirmelerinizi bekliyorum!