Değerli Allaturkaa Ailesi ve Ziyaretçileri!
Radyo projemizi bir adım ileriye taşıyoruz! Sitemiz için hazırlanan Dikey Yayın Kartları widget'ı ile, birden fazla yayınımızı şık kartlar içinde sunuyoruz. Bu widget, radyo yayınlarımızın potansiyelini tam olarak yansıtıyor.
Siz de yeni yayınlar ekleyerek bu projeyi büyütmenin bir parçası olabilirsiniz!
1. Widget'ın Temel Özellikleri ve Güçlü Yönleri
Bu widget, önceki API bağlantı sorunlarını ortadan kaldırarak yalnızca çalma kontrolüne odaklanır. Böylece kesintisiz ve güvenilir bir dinleme deneyimi sunar.
Tasarım ve Performans:
- Görsel Zenginlik: Her bir yayın akışı, kendine özgü renk ve ikon temasına sahip profesyonel bir kart olarak görünür.
- Yüksek Hız: Harici bir veri çekme (API) bağımlılığı olmadığı için son derece hızlı yüklenir.
- Sorunsuz Oynatma: Aynı anda yalnızca bir akışın çalması sağlanır, böylece sesler karışmaz.
2. Sınır Yok: Yeni Yayınlar Nasıl Eklenir?
Bu widget'ın en heyecan verici yanı, GELİŞTİRİLEBİLİR olmasıdır! Radyo projemizi büyütmek için yeni temalı yayın akışları eklemek son derece kolaydır. Widget, sınırsız sayıda kartı destekler!
Yeni Radyo Ekleme Adımları:
Yeni bir yayın akışı eklemek için, HTML dosyasının en altındaki JavaScript bölümünde bulunan streams dizisine yeni bir blok eklemeniz yeterli!
ÖRNEK YENİ EKLEME BLOĞU:
JavaScript
|
Kaynak kod
|
1
2
3
4
5
6
7
8
|
{
id: 'yeni_radyo',
name: "YENİ JAZZ KANALI",
url: "YENİ_YAYININIZIN_PROXY_URL_ADRESİ",
tag: "Sakin Caz Esintileri",
icon: "????",
color: "#9b59b6" // Mor
}
|
Not: Yeni eklediğiniz bloğu, var olan son yayın bloğunun yanına, araya virgül (,) koyarak eklemeyi unutmayın!
3. iFrame Ölçüleri ve Yerleşim
Yeni kartlar eklediğinizde, iFrame'in Yüksekliğini (Height) artırmanız gerekebilir. Şu anki üç kart için önerilen ölçüler:
Önerilen iFrame Ölçüleri:
Genişlik (Width): 410 piksel
Yükseklik (Height): 450 piksel (4 kart için 550px, 5 kart için 650px gibi ayarlayabilirsiniz.)
iFrame Kod Örneği:
|
Kaynak kod
|
1
2
3
4
5
6
7
8
|
<iframe
src="YÜKLEDİĞİNİZ_HTML_DOSYASININ_ADRESİ"
width="410"
height="450"
frameborder="0"
scrolling="no"
style="border: none; overflow: hidden; max-width: 100%;">
</iframe>
|
4. Renkler ve Görsel Kimlik
Tasarımı kendi zevkinize göre kişiselleştirmek ve her yayına farklı bir kimlik kazandırmak çok kolay!
Renkleri Değiştirme Kılavuzu:
color: Her yayın kartı için özelleştirilebilir (Örn: #9b59b6).
- Temel Renkler: CSS bölümündeki
#2c3e50 (Koyu Arka Plan) ve #FF8C00 (Ana Vurgu) kodlarını değiştirerek temanızı tamamen dönüştürebilirsiniz.
Topluluğumuzdan Önemli Rica: Widget'ı geliştiren, yeni özellikler ekleyen veya farklı temalar tasarlayan üyelerimizin, yaptıkları çalışmaları bu konu altında paylaşmalarından büyük memnuniyet duyarız!