AllaTurkaa

Herkese selamlar Allaturka Forum ailesi ve Ziyaretciler!

Web sitelerinizde veya forum sayfalarınızda standart ve sıkıcı müzik çalılardan sıkıldıysanız, geçmişin o sıcak ve samimi 80'ler havasını dijital dünyaya taşıyan özel bir çalışma ile karşınızdayım.
Tamamen özelleştirilebilir yapıda, dönen kaset makaraları, canlı EQ barları ve en önemlisi Canlı / Stereo cam paneliyle Dost Yurdu Radyo için tasarladığım bu özel radyo oynatıcısını sizlerle paylaşıyorum.

Öne Çıkan Başlıca Özellikler

• Nostaljik Kaset Görünümü: Orijinal kaset etiketleri, detaylı bant pencereleri ve hareketli makara animasyonlarıyla sitenize görsel bir zenginlik katar.
  
• Canlı Durum ve Stereo Göstergesi: Oynatıcı aktif olduğunda yeşil ışıkla "CANLI" moduna geçen, cam efektli (glassmorphism) modern durum kutusu.
  
• Son Çalınanlar (Geçmiş) Desteği: FastCast4u altyapısıyla tam uyumlu, zarif ve ince özel kaydırma çubuğuna sahip açılır son çalanlar listesi.
  
• Dahili Sayaç ve Ses Kontrolü: Yayın süresini takip eden dijital sayaç ve şık ses ayar çubuğu.
  
• Çoklu Dinleme Seçenekleri: Winamp, iTunes, Windows Media Player ve QuickTime gibi klasik oynatıcılar için hızlı erişim ikonları.
  

Kodların Mantığı ve Nasıl Düzenleneceği (Tam Teknik Açıklama)
Bu oynatıcının arka planda sorunsuz çalışması için panelinizle (FastCast4u) haberleşen 3 temel kod bloğu vardır. Kendi radyonuza uyarlarken buralara dikkat etmeniz gerekir:
1. Ses Akış Kaynağı (Audio Stream Source)
Oynatıcının sesleri çalmasını sağlayan ana HTML5 audio etiketidir:

HTML
<audio id="radioStream" preload="metadata"> <source src="https://eu1.fastcast4u.com/proxy/qpnslltp?mp=/1" type="audio/mpeg"> </audio>

• Nasıl Düzenlenir? Buradaki qpnslltp kısmını kendi FastCast4u yayın kullanıcı adınızla değiştirmelisiniz. ?mp=/1 kısmı ise ana yayın kanalınızı ifade eder.
  

2. Anlık Çalan Şarkı Bilgisi (Stream Info)
Şu anda yayında hangi parça çalıyorsa kaset etiketinin üstünde canlı olarak gösteren alandır:

HTML
<a href="https://eu1.fastcast4u.com/tunein/qpnslltp.pls" class="cc_streaminfo" data-type="song" data-username="qpnslltp" ...>Yükleniyor...</a>

• Nasıl Düzenlenir? Sayfanın en altındaki <script src="[
  • Nasıl Düzenlenir? Bu widget, FastCast4u sistemindeki recenttracks.js betiği ile ortak çalışır. Sayfanın altındaki <script type="text/javascript" src="[https://eu1.fastcast4u.com/system/recenttracks.js]([url]https://eu1.fastcast4u.com/system/recenttracks.js)"></script> kodu bu div içerisini otomatik olarak geçmiş şarkı listesiyle doldurur. Yine buradaki qpnslltp yazan yerleri kendi kullanıcı adınız yapmalısınız.
    [/url] Kurulum Adımları
    
    1. Aşağıdaki tam kod bloğunu kopyalayın.
       
    2. qpnslltp yazan bütün kullanıcı adı kısımlarını kendi radyo panelinizin kullanıcı adı ile değiştirin.
       
    3. Sitenizde oynatıcının görünmesini istediğiniz alana yapıştırın.
       
  
  Platform Uyumluluğu (WordPress, Joomla ve Blog Sistemleri)
  Bu oynatıcı tamamen saf HTML5, CSS3 ve JavaScript teknolojileriyle kodlandığı için altyapı bağımsız olarak çalışır:
  
  • WordPress Siteler: HTML bileşen alanlarına (Custom HTML widget) veya tema dosyalarınıza doğrudan ekleyerek sorunsuz kullanabilirsiniz.
    
  • Joomla Altyapısı: Özel HTML modülleri (Custom HTML Module) aracılığıyla sitenizin dilediğiniz köşesine kolayca entegre edebilirsiniz.
    
  • Tüm Blog Sistemleri (Blogger vb.): Gadget veya yerleşim alanlarındaki HTML/JavaScript ekleme pencereleriyle tam uyumludur.
    
  
  ÖN İZLEME: BURADAN BUYRUN
  
  Kodlar Ektedir. İlgili tüm kod blokları, Forum Üyelerinin ve Radyo Kurucuların kolayca kopyalayıp kendi sistemlerine uyarlayabilmesi için aşağıda titizlikle hazırlanmıştır:
  
  Müzik ruhun gıdası, nostalji ise kalbin zaman makinesi gibidir. Müzikle ve Dostlukla Kalın..