AllaTurkaa

Herkese selamlar! Allaturkaa Forum ailesi için sıfırdan geliştirdiğimiz, tamamen güncel web teknolojileriyle donatılmış yeni nesil radyo player projesini sizlerle paylaşıyorum.

Bu player'ı sitenize veya Blogspot bloğunuza eklediğinizde ek hiçbir harici programa veya karmaşık ayarlara gerek kalmadan, doğrudan yayın akışınızı ve dinleyicilerinizi şık bir arayüzle yönetebileceksiniz.

Başlıca Özellikleri Nelerdir?

• Dinamik DJ / Yayıncı Sistemi:
  
  • Altyapıdan anlık olarak hangi yayıncının yayında olduğunu algılar.
    
  • Yayında bir DJ varsa doğrudan DJ'in adı yazar; eğer yayında kimse yoksa veya otomatik yayına geçerse otomatik olarak "Playlist" yazar.
    
• CD Efektli ve Dönen DJ Avatarı:
  
  • Yayın başladığı anda DJ'in profil görseli etrafında dönen, gerçekçi CD yansımalarına ve parlama efektlerine sahip şık bir daire avatar devreye girer. Yayın durdurulduğunda durur.
    
• Anlık Dinleyici Sayacı:
  
  • Radyonuzu o an canlı dinleyen gerçek kullanıcı sayısını anlık olarak takip edebilir ve ekranda görebilirsiniz.
    
• Yayın Süresi Sayacı (Stream Timer):
  
  • Play butonuna bastığınız andan itibaren yayında ne kadar süredir olduğunuzu saat:dakika:saniye olarak takip eder. Sabit genişlik altyapısı sayesinde rakamlar değiştikçe player esneme veya bozulma yapmaz.
    
• Canlı Ekolayzer Animasyonu:
  
  • Yayın akışı aktifken hareket eden, radyo atmosferini yansıtan renkli ses dalgası barları.
    
• Kayan Şarkı ve Mesaj Alanları (Marquee):
  
  • Çalınan şarkı adının ve DJ karşılama mesajlarının akıcı bir şekilde kayarak göründüğü şık şerit alanlar.
    
• Gelişmiş Ses Kontrolü & Tasarım:
  
  • Kırmızı/Siyah tonlarında modern tasarım, ses açma/kapama (mute) butonu, ses seviyesi kaydırıcısı ve "HQ Sound / 128 KBPS / On Air" rozetleri.
    

Kurulum Rehberi (Adım Adım)
Bu player'ı sitenize, forumunuza veya Blogspot bloğunuza eklemek oldukça basittir. Hiçbir ekstra kod bilgisi gerektirmez.

1. Kodları Ekleyin: Paylaşılacak olan tam HTML/CSS/JS kod bloğunu sitenizde uygun alana yapıştırın.
   
2. Yayın Linkinizi ve Resminizi Güncelleyin:
   
   • Kodun alt kısmındaki <audio id="audioStream"> etiketinin içindeki src kısmına kendi radyo yayın bağlantınızı (https://...) yazın.
     
   • Üst kısımdaki <img> etiketinin içine varsayılan DJ avatar görselinizin linkini ekleyin.
     

[*]Tamamen Özelleştirilebilir Renkler: Tasarımın renk tonlarını (kırmızı ağırlıklı detaylar vb.) kendi site konseptinize veya zevkinize göre CSS kodları üzerinden dilediğiniz gibi değiştirebilirsiniz.
[*] İdeal ve Kompakt Boyut: 600px genişlik ve 190px yükseklik ölçüleriyle tasarlandığı için sitenizin veya bloğunuzun hiçbir yerinde taşma yapmaz, her ekrana kusursuz uyum sağlar.
[*] Geniş Sistem Uyumluluğu: Blogspot (Blogger), WordPress, özel HTML siteler ve her türlü forum altyapısı ile tam uyumludur.
[*] %100 Açık Kaynak Kodlu: Kodlar tamamen açık olup, dileyen herkes kendi ihtiyacına göre ekleme, çıkarma veya tasarım güncellemelerini özgürce yapabilir.

Kodlar ekte verilmiştir.

Demo Adres: BURADAN BUYRUN

*Müzik ruhun gıdasıdır, doğru frekans ise kalplerin buluşma noktasıdır; yayınlarınızda sesiniz ve dostluğunuz hiç eksik olmasın...*