HTML5 Radyo Çalar

Herhangi bir radyo yayınını HTML5 player ile sitenize ekleyebilirsiniz.

HTML5 Audio Etiketi ile radyo çalar eklemek için aşağıda ki kodu kullanmak yeterli.

Burada ne nedir diye anlatalım ama genelde görünüm dahil tarayıcınızın politikaları ile alakalı hususlar ;

autoplay ile oynatıcının otomatik başlatması sağlanır. Bu özellik her tarayıcı ve sitede çalışmayabiliyor. Tarayıcı siteyi güvenli bulmadığı için autoplayi yok sayabileceği gibi tamamen desteklememeyi de tercih etmiş olabilir. Örneğin, Chrome eğer muted (sessiz) eklenmiş ise autoplayi her zaman çalıştırıyor. Değilse diğer politikalarına göre karar veriyor. Bir ziyaretçide çalışırken başka ziyaretçide çalışmayabilir yani. İlla çalışsın diye paylaşılan bir çok javascript kodu verilse de denediklerim bir halta yaramıyor 🙂

controls Oynatıcıdaki ses aç kapa gibi kontrol düğmelerinin görünmesini sağlar. Bunu koymazsak oynatıcı görünmez. Autoplay durumunda ise ve bu özellik destekleniyorsa arka planda otomatik çalar. Son sürüm güncel Google Chrome’da öyle en azından.

loop Eğer autoplay controls yanına loop eklersek ve radyo değil de mp3 gibisinden ses dosyası eklemişsek içeriğin tekrar baştan başlaması sağlanır. Bittikçe başa dönerek çalmaya devam eder yani.

muted Oynatıcının sesini kapatır, ziyaretçi isterse orada düğme var, kendi açar 🙂

src Biliyorsun, ses dosyası veya radyo adresi. Burada eklediğim adres TRT FM e ait. (Son güncelleme 14.09.2022)

Aşağıdaki örnek autoplay ve çalması lazım:

Oynatıcının başlangıçta sesi biraz kısık başlasın istersek şu:

Oynatıcımızı bir radyo listesi ile yapmak istersek HTML5 Listeli Radyo Çalar çalışmasını inceleyebilirsiniz.