Selamlar dostlar! Web siteniz veya forumunuz için kullanabileceğiniz, standart ve sıkıcı tasarımlardan uzak, tamamen güncel web trendleriyle kodlanmış HyTechFM Canlı Radyo arayüzünü sizlerle ücretsiz olarak paylaşıyorum.

Bu şablonu tasarlarken en büyük amacım; arka plandaki radyo altyapısını bozmadan, modern Glassmorphism (cam efekti) tasarımıyla göz yormayan, premium ve akıcı bir müzik deneyimi ortaya koymaktı. Ekstra dosya yükleme derdi olmadan, tek bir HTML dosyası içinde sorunsuz çalışmaktadır.

✨ Öne Çıkan Başlıca Özellikler
🎨 Modern Glassmorphism Tasarımı: Koyu tema uyumlu, arkadaki detayları hafif bulanık gösteren modern cam efekti, zarif gradyan geçişler ve akıcı animasyonlu durum göstergeleri.

⚡ SonicPanel & Shoutcast Entegrasyonu: Altyapınızı değiştirmeden arka planda gizli çalışan API yapısı sayesinde; şu an çalan şarkı, anlık dinleyici sayısı, yayın bitrate değeri ve DJ/Yayıncı bilgileri otomatik olarak güncellenir.

🖼️ Akıllı Albüm Kapağı Bulucu (iTunes API): Çalan parçanın sanatçı ve şarkı adını analiz ederek internetten otomatik olarak albüm kapağı çeker. Kapak bulunamadığı durumlarda ise şık bir yedek ikon gösterir.

🎛️ Gelişmiş Web Player Kontrolleri: Sayfadan kopmadan yayını başlatma (▶), duraklatma (⏸), tamamen durdurma (⏹) ve ses seviyesini dilediğiniz gibi ayarlama imkanı sunan HTML5 tabanlı ses oynatıcı.

🔗 Harici Dinleme Seçenekleri: Kullanıcıların yayını dilerlerse Winamp, VLC, Windows Media Player, iTunes veya RealPlayer gibi harici programlar üzerinden de tek tıkla dinleyebilmesi için hızlı bağlantı rozetleri.

📱 %100 Mobil Uyumlu (Responsive): Masaüstü bilgisayarlardan tabletlere ve akıllı telefonlara kadar tüm ekran boyutlarında kusursuz uyum sağlayan esnek grid altyapısı.

📂 Kolay Kurulum (Tek Dosya): CSS stilleri, JavaScript mantığı ve HTML yapısı tamamen tek bir dosya içinde derlenmiştir. Karmaşık dosya yollarıyla uğraşmanıza gerek kalmaz.

🛠️ Nasıl Kurulur / Nasıl Kullanılır?
Paylaştığım kaynak kodunu .html uzantılı bir dosya olarak kaydedin (örneğin: radyo.html) veya forumunuzun HTML destekli özel sayfa/widget alanına yapıştırın.

Eğer farklı bir sunucu altyapısı kullanıyorsanız, kod içerisindeki streamUrl kısmını kendi radyo sunucu adresinizle değiştirmeniz yeterlidir. (Varsayılan olarak standart SonicPanel / Shoutcast port yapısıyla uyumludur).

Güle güle kullanın! Soru, öneri veya geliştirmemi istediğiniz ek özellikler olursa yorumlarda belirtebilirsiniz.Aşağıdaki Linkden indirip kullanabilirsiniz. Herkese iyi forumlar dilerim!