AllaTurkaa

Değerli Allaturkaa üyeleri ve ziyaretçiler, yayın hayatınıza profesyonel bir soluk getirecek olan 10 farklı renk seçeneğine sahip jPlayer panelimizi sizlerle paylaşıyoruz.

Her bir detayı özenle hazırlanan bu player seti, forum estetiğini bozmadan tüm modern temalarla %100 uyumlu ve saydam bir yapıda çalışacak şekilde optimize edilmiştir.

Görsel zenginliği ön planda tutan bu çalışmamızda, player genişlikleri 700px olarak mühürlenmiş ve her türlü ekran çözünürlüğünde sola yaslı, kararlı bir duruş sergilemesi sağlanmıştır.

Player üzerinde bulunan ikonlar sayesinde dinleyicileriniz yayına Winamp, VLC, Media Player veya QuickTime üzerinden tek tıkla ulaşabilirler; bunun için aşağıda örneği verilen link yapısını kullanmanız yeterlidir.

Örnek Bağlantı Kodu: <a target="_blank" href="https://allaturkaa.de/playlist.php?stream=YAYIN_LINKI&name=Listen.m3u" title="Winamp"><img width="32" height="32" src="img/player-winamp-icon.svg"></a>

Koyu gri tonlardaki başlık yapısı ve etkileşimli ses topuzları sayesinde, dinleyicileriniz şık bir arayüzle karşılaşarak yayınlarınızı çok daha keyifli bir şekilde takip edebileceklerdir.

Önemli Teknik Hatırlatma: Player kodlarını ve görselleri ekte dosya olarak veriyorum; gerektiğinde Blogspot’a ya da kendi serverinizin img klasörüne ekleyerek link verebilirsiniz.

Kendi sunucunuza taşıma yaptığınızda, kodların içerisindeki yayın linkini (stream) ve resim linklerini (sprite/background) kendi adreslerinizle değiştirmeyi kesinlikle unutmayın.

Dosyalar arasında bulunan background.jpg aslında saydam yapı için bir ihtiyaç değildir; ancak kendi player sayfanızda özel bir doku kullanmak isterseniz diye pakete dahil ettim.

Bu özel görsel, derinliği ve tonları sayesinde set içerisindeki mavi player ile mükemmel bir uyum sergilemekte ve profesyonel bir radyo sayfası görünümü sunmaktadır.

Teknik açıdan tarayıcı limitlerini zorlamamak adına "Akıllı Yükleme" mantığı kullanılmış ve her player sayfa açılışında sistemi yormadan sadece tıklandığında aktif hale getirilmiştir.

Bağımsız ID yapıları sayesinde aynı sayfada birden fazla player sorunsuz çalışırken sağ taraftaki Winamp ve VLC linkleri otomatik olarak yeni sekmede açılacak şekilde ayarlanmıştır.

Eğer set içerisinden sadece tek bir rengi kullanmak isterseniz, koddaki ilgili numaralı bloğu ve ona ait stil dosyasını çekip alarak saniyeler içinde kendi sayfanıza entegre edebilirsiniz.

Kurulum sırasında tek yapmanız gereken "streamURL" kısmına kendi yayın linkinizi yazmaktır; böylece karmaşık ayarlarla uğraşmadan profesyonel radyo panelinizi anında yayına alabilirsiniz.

Bu özel çalışmanın Allaturkaa ailesine ve tüm yayıncı dostlarımıza hayırlı olmasını diler her birinizin yayınlarında bol dinleyici ve kaliteli yayınlar temenni ederiz.

Kodlar Ekte Verilmiştir:

Onlu jPlayer paketindeki her bir renk seçeneği belirli bir ID ve Class numarasına bağlıdır.

Eğer sadece Mavi Player (Kod 7) tasarımını kullanmak istiyorsanız şu adımları izlemelisiniz:

1. Doğru Renk Sınıflarını Bulun: Dosyadaki CSS kısmında her rengin bir kodu vardır; örneğin Mavi için kullanılan ana zemin sınıfı .c7, ses barı rengi ise .b7 olarak tanımlanmıştır.

Tekli kullanımda sadece bu sınıfları CSS dosyanıza kopyalamanız yeterlidir.

2. ID Yapısını Tekilleştirin: Dosyada bir döngü içerisinde oluşturulan player yapılarını tekilleştirmek için jp_container_7 ve jplayer_7 gibi benzersiz kimlikleri seçmelisiniz.

Bu ID'ler, tarayıcının hangi butonun hangi player'ı yöneteceğini anlamasını sağlar.

3. Sprite Koordinatlarına Sadık Kalın: Player üzerindeki Play/Pause butonlarının doğru görünmesi için background-position değerleri hayati önem taşır.

Mavi player için Play butonu -1px -210px, Pause butonu ise -165px -210px koordinatlarındadır; bu değerleri değiştirmeden kopyalamak butonların kaymasını engeller.

4. Script Kısmını Sabitleyin: JavaScript kodunda setMedia satırına kendi radyo linkinizi doğrudan yazarak player'ın sadece o adresten beslenmesini sağlayabilirsiniz.

Ayrıca cssSelectorAncestor kısmının seçtiğiniz ID ile eşleştiğinden emin olun.

Bu basit mantığı kavradığınızda, onlu paketteki hangi rengi isterseniz onu saniyeler içinde çekip tek başına kullanmaya başlayabilirsiniz.

Böylece hem kod kalabalığından kurtulur hem de sayfanıza en uygun renk seçeneğini profesyonelce yerleştirmiş olursunuz.

Yayındaki: Allaturkaa Radyo

Favori oynatıcınızda dinleyin

Powered by Seyyah