HTML5: Ses dosyası ekleme

16 Nisan 2017

HTML5 ile ses dosyalarını oynatmak artık mümkün hâle geldi. Daha önce bir takım eklentiler aracılığıyla ses dosyaları oynatılıyordu. Hatta farklı tarayıcılarda farklı eklentiler kullanmak bile gerekebiliyordu. HTML5, web sayfalarında ses dosyalarını çalmak için standart bir yol ile yeni bir öge tanımlamaya olanak sağlıyor.

Nasıl çalışır?

<audio> etiketi açılır, içine <source> etiketi ile ses dosyasının kaynağı ve tipi yazılır, ardından </audio> etiketi kapatılır. Ayrıca HTML5 ses etiketlerini desteklemeyen tarayıcılar için ses etiketlerinin içine uyarı eklemeniz gerekecektir.

<audio controls="controls">
    <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg" />
    <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg" />
    Kullandığınız tarayıcı ses etiketlerini desteklemiyor.
</audio>

Sesler için controls özniteliği "Play", "Pause" ve "Volume" gibi denetimler ekler.

Şu anda <audio> ögesi için desteklenen dosya formatları şöyledir: MP3, WAV ve Ogg.

Bağlantılı dersler:
HTML5: Giriş
HTML5: Video dosyası ekleme
HTML5: Sürükle ve bırak özelliği