🎵 HTML5 Radyo Player - HYPlayer
 

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

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.

@[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] Responsive tasarım sayesinde hem masaüstü hem mobilde rahat kullanılabiliyor. bu çok iyiymiş.. Telefonum için aradığım bir şeydi.. emeğine sağlık

uygulama deil html radyo siteleri için. geliştiriliyor yakın zamanda uygulama halinede getirilecek

Emeğinize sağlık