You are not logged in.

Allaturkaa'dan Yeni Nesil: Geliştirilebilir Çoklu Yayın Akışı Widget'ı

Seyyah20

Intermediate

  • "Seyyah20" is male
  • "Seyyah20" started this thread

Posts: 491

Date of registration: Jan 26th 2014

Location: DENİZLİ/Gönlünüze ektiğiniz her güzellik, bir gün size bereketli bir hasat olarak dönecektir.

  • 1023
  • Send private message

1

Saturday, October 11th 2025, 9:57pm

Allaturkaa'dan Yeni Nesil: Geliştirilebilir Çoklu Yayın Akışı Widget'ı

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

Source code

 
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:

Source code

 
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!



Seyyah20 has attached the following file:
  • coklu_yayin.txt (8.86 kB - 10 times downloaded - latest: Jun 2nd 2026, 7:27pm)

Similar threads