Radyo Preview Tasarım v3

Animasyonlu Canlı Yayın Efektleri 🎵

Yeni: Canlı yayın için animasyonlu badge, ses dalgaları, yayın sinyali ve shimmer efektleri eklendi!

Animasyon Efektleri

CANLI

Canlı Badge (Glow + Pulse)

Yayın Dalgaları (SVG)

Sinyal Gücü

Ses Dalgası

Tam Ekran Preview (Tüm Animasyonlarla)

Radio

Radyo Ankara

CANLI YAYIN

Şu an çalıyor

Radyo Ankara

Türkiye'nin en popüler radyo istasyonlarından biri. Güncel haberler, müzik ve eğlence programları.

Sinyal Gücü

Durum

Canlı

Sektörler

Restoran Cafe Otel

Animasyon Özellikleri:

  • Yayın Dalgaları: Sol üst köşede genişleyen daire animasyonu (3 katman)
  • Canlı Badge: Glow efekti + pulse animasyonu
  • Ses Dalgası: Çalan radyo için ritmik dalga animasyonu
  • Sinyal Gücü: 4 çubuk animasyonlu sinyal göstergesi
  • Shimmer Efekt: Cover üzerinde kaygan parıltı
  • Pulse Dot: "Canlı" badge'inde nabız gibi atan nokta
  • Sektör Chip'leri: Radio'nun bağlı olduğu sektörler (many-to-many)

Yapılacaklar

1

CSS Animasyonları Ekle

muzibu-layout.css veya sidebar-right.blade.php içine animasyon CSS'lerini ekle

2

Sidebar Template Güncelle

Radio preview template'ine animasyonlu elementler ekle

3

Sektör Verilerini Çek

Radio API'sinden sectors relationship'ini dahil et

4

Test & Performans

Animasyonların CPU kullanımını kontrol et, gerekirse optimize et

Performans Notları

🤖 Claude Code tarafından oluşturuldu • 12 Ocak 2026 • v3 (Animasyonlu)