HTML5 Audio Etiketi Ve Kullanımı

HTML5 ile beraber gelen multimedia uygulamalarından biri olara audio etiketi ile ses dosyarını oynatmak için artık flash etiketlerine falan ihtiyacınız kalmamaktadır. Çok kolay bir şekilde mp3, ogg, m4a gibi ses dosyalarını oynatabilirsiniz.

HTML5 Audio Etiketi ve Kullanımı

Standart olarak alttaki gibi bir mp3 oynatıcısı ekleyebilirsiniz sayfanıza

HTML

audio etiketinin src özelliğine ses dosyasının yolunu belirtiyorsunuz controls özelliğini belirtmezseniz sayfada görünmeyecektir mp3 oynatıcınıza ait kontroller.

Tarayıcıların desteklediği ses formatları

FormatTarayıcılar
m4a (AAC)Chrome, Safari
oggChrome, Safari, Opera
mp3 ve aacTüm popüler tarayıcılar

Sonuç

Eğer tarayıcınız audio etiketini destekliyorsa üstteki sonuç kısmında bir müzik oynayıcı göreceksiniz oynat tuşuna bastığınızda url’de belirttiğiniz ses dosyası oynatılacaktır.

Desteklenmeyen Ses Formatı Sonucu

Gördüğünüz gibi tarayıcının desteklemediği bir format olduğunda oynatıcı tüm kontrollerini devredışı bırakıyor.

Audio etiketini desteklemeyen tarayıcı

Audio etiketini desteklemeyen tarayıcılar için metin göstermek isterseniz veya alternatif bir oynatıcı çıkarmak isterseniz yapmanız gereken audio etiketleri arasına html kodunuzu yazmalısınız.

Audio etiketi için bazı özellikler

ÖzellikAçıklama
controlsOynatıcınızın görünür olmasını ve oynak ses aç kapa gibi kontrollerin açılması sağlanır.
autoplayOynatıcının otomatik olarak yürütmeyi başlatması sağlanır.
loopSes dosyası bittiğinde tekrar otomatik olarak baştan başlaması sağlanır.
mutedOynatıcının sessiz modda açılması sağlanır.

Oynatıcının görünümü her tarayıcıda farklılık gösterebilir

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir