Teknoloji 21.07.2026

Web Siteleri İçin Mobil Uyumlu HTML5 Canlı Radyo Player Ekleme Rehberi

Web Siteleri İçin Mobil Uyumlu HTML5 Canlı Radyo Player Ekleme Rehberi

Modern Web Siteleri İçin HTML5 Canlı Radyo Player Entegrasyonu

Eski nesil Flash player eklentilerinin tüm modern web tarayıcılarında engellenmesiyle birlikte, internet radyoculuğunda HTML5 Audio API standart haline gelmiştir. Mobil uyumlu HTML5 radyo player kodları, iOS (iPhone/iPad) ve Android işletim sistemlerinde hiçbir ek yazılım gerekmeden radyonuzun anında çalmasını sağlar.

1. Temalara HTML5 Oynatıcı Kodu Ekleme

Web sitenizin alt kısmına (footer) veya sidebar bölümüne ekleyebileceğiniz en basit duyarlı HTML5 radyo oynatıcı kodu örneği:

<audio controls autoplay preload="none" style="width:100%;">
  <source src="https://sunucu-adresiniz.com:8000/stream" type="audio/mpeg">
  Tarayıcınız radyo oynatıcıyı desteklemiyor.
</audio>

2. Çalan Şarkı Bilgisi (Now Playing) ve Albüm Kapağı Gösterme

Gelişmiş HTML5 oyuncular, JavaScript AJAX istekleriyle radyo sunucunuzun API'sine bağlanarak anlık çalan şarkı ismini, şarkıcı fotoğrafını ve geçmiş çalınan şarkı listesini dinamik olarak ekrana yansıtır.

3. Mobil Arka Planda Çalma Özelliği

Mobil kullanıcılar tarayıcıyı alta aldığında yayının kopmaması için player akışının HTTPS (SSL) ile iletilmesi ve doğru `audio/mpeg` veya `audio/aac` MIME türünün sunucu tarafından tanımlanmış olması şarttır.

Kesintisiz HTML5 medya akışları için optimize edilmiş Radyo Hosting çözümlerimizi ve sohbet web appletleriniz için QWeb v0.3 Applet sistemlerimizi sitemizden inceleyebilirsiniz.

QBilisim.Com

IRCd, hosting ve sunucu operasyonunu tek yerden yönet.

Kurulum, taşıma, DNS, SSL, applet ve destek süreçleri için müşteri panelinden talep oluşturabilirsin.