Merhaba arkadaşlar,
Son günlerde boş vaktimde uğraştığım bir projeyi sizlerle paylaşmak istedim. Basit ama oldukça şık görünen bir HTML5 Radyo Player hazırladım. Bu player ile:

✅ Canlı radyo yayını dinleyebiliyorsunuz
✅ Çalan şarkının isim ve sanatçı bilgisi otomatik olarak geliyor
✅ iTunes API üzerinden şarkının kapak resmi yükleniyor
✅ Kapak etrafında dairesel ses dalgaları animasyonu çalışıyor
✅ Play, Pause, Stop ve ses aç/kıs butonları mevcut
✅ Uzun şarkı isimleri için kaydırmalı efekt eklenebiliyor

🎨 Görünüm

Ortada daire şeklinde kapak resmi

Onun etrafında çalan müziğe göre hareket eden renkli ses dalgaları

Kapak resminin altında şarkı adı ve sanatçı bilgisi

Alt kısımda kontrol butonları

Bu haliyle modern bir müzik uygulamasına oldukça yakın bir görüntü sağlıyor.

⚙️ Teknik Özellikler

HTML5 Audio API ile radyo yayını akışı alınıyor.

JavaScript AudioContext + AnalyserNode kullanılarak frekans verileri görselleştiriliyor.

Radyo yayınından gelen JSON metadata (ör: Icecast/Shoutcast) düzenli olarak çekiliyor.

iTunes Search API sayesinde çalan parçaya ait kapak resmi otomatik bulunuyor.

Responsive tasarım sayesinde hem masaüstü hem mobilde rahat kullanılabiliyor.

Not: Güncellemeler devam ediyor extra yeni özellikler üzerinde çalışılmakta.