HTML5 Audio (Ses)
- HTML5, audio (ses) dosyaları için bir standart getirmiştir.
- HTML5 sürümümden önce, web sayfalarında audio göstermenin bir standardı yoktu.
- HTML5 sürümünden önce, ses dosyaları, sadece flash player gibi plug-in programları sayesinde gösterilebiliyordu.
- HTML5 <audio> elemanı, html dökümanına ses dosyaları gömmemizi sağlayan standart yol olmuştur.
Tarayıcı Desteği
Aşağıda <audio> elemanını destekeleyen en düşük tarayıcı versiyonları verilmiştir.
| Eleman | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML5 <audio> Elemanı
Web sayfanızda bir video göstermek için <video> elemanı kullanılır. Aşağıda bu elemanın kullanımına dair bir örnek verilmiştir:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Yukarıdaki kodları açıklayalım:
- controls kodu, ses oyantıcısına, play pause ve volume gib kontrol düğmeleri ekler.
- Tarayıcınız audio tagını desteklemiyor. Eğer, kullanıcının tarayıcısı, <audio> elemanını desteklemiyorsa, <audio>...</audio> taglarındaki <audio> içeriğinden sonraki içeriği gösterecektir.
- Birden çok <source> elemanı ile farklı uzantılarda ses dosyası tanımlanabilir. Tarayıcı birincisinden itibaren okumaya çalışacaktır. Okuyunca da diğer uzantıları görmezden gelecektir.
HTML5 Audio - Tarayıcı Desteği
Şu anda, html5 <audio> elemanının desteklediği 3 formak vardır. Bunlar: mp3, wav ve ogg uzantılarıdır. Aşağıda detaylı bilgi bulacaksınız:
| Browser (Tarayıcı) | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
Yukarıdaki audio formatlarının tipleri type="audio/mpeg" type="audio/wav" type="audio/ogg" şeklinde belirtilir.
HTML5 Audio- Metotlar (Methods), Özellikler (Properties) ve Olaylar (Events)
HTML5, <audio> elemanı için, metotlar, özellikler ve olaylar belirtmiştir.
Bütün bunlar; ses dosyalarımızı yüklmeye, durdurmaya, çalmaya olanak tanır, ses ve süre ayarları yapmamızı sağlar.
Bütün bunlar; ses dosyalarımızı yüklmeye, durdurmaya, çalmaya olanak tanır, ses ve süre ayarları yapmamızı sağlar.
Hiç yorum yok:
Yorum Gönder