Html nin en son yeniliklerinden biri audio tagı direk olarak html içine ses dosyası koymanızı sağlamaktadır. Çeşitli uzantılarda ses dosyaları haricinde başka bir şey olmadan sitenize ses ekleme özgürlüğünü getiriyor. Bu zamana kadar böyle bir şey için genellikle flash eklemek durumunda iken artık bu kısıtlama söz konusu değil. Html 5 in modern tarayıcılarda düzgünce çalışmaya başladığı düşünülünce gerçekten yararlı bir araç olacak.
Tek kaynak olduğu durumlarda kullanımı şu şekilde:
<audio src="lotusFlower.ogg" controls="controls">Tarayıcınız bunu desteklemiyor!</audio>
Gördüğünüz gibi açılış ve kapanış tagları arasına audio öğesinin çalışmadığı durumlar için bir yazı ekleyebilir ya da boş bırakabilirsiniz.
Aldığı elemanlar ise şunlar:
- src — kaynak dosyası
- autobuffer — (true/false) kendiliğinden yükle
- autoplay — (true/false) kendiliğinden çal
- loop — (true/false) bittikçe çal
- controls — medya navigasyon öğeleri (kendiliğinden : controls)
Kaynak sesler için farklı browserlar için farklı uzantılı koymalısınız bunun için de birden fazla kaynak eklemelisiniz o da bu şekilde.
<audio autoplay="autoplay" controls="controls"><source src="lotusFlower.ogg" /><source src="lotusFlower.mp3" /></audio>
Hala gelişmekte olan bir öğe olduğu için daha tamamen hazır kullanılan bir playlist i yok, ama para ile satılan ya da deneme versiyonları mevcut.
Aşağıda kaynağın mp3 uzantılı olduğu bir örneğini görebilirsiniz.
<audio controls="controls" src="/media/lotusFlower.mp3"> Tarayıcınız bunu desteklemiyor! </audio>