HTML Ses Ekleme
Web sayfalarına ses ekleme için kullanılan HTML5 audio etiketi ile ilgili bilgi ve ses ekleme kodu yer alıyor.
HTML ses çalma
HTML5 öncesinde ses oynatmak için bir eklentiye ihtiyaç vardı.
HTML5 <audio> etiketi ile web sayfalarında eklenti kullanılmadan ses çalma işlemini yapabiliriz.
HTML <audio> etiketi
HTML ile ses çalmak için <audio> etiketi kullanılır.
<audio controls="controls">
<source src="ses.ogg" type="audio/ogg" />
<source src="ses.mp3" type="audio/mpeg" />
Tarayıcınız audio etiketini desteklemiyor.
</audio>HTML <audio> etiketi controls özelliği ses dosyası için çalma, durdurma, ses ayarlama vb. kontrolleri ekler.
HTML <source> etiketi ses dosyası için dosya kaynağı belirler. Tarayıcı bu kaynaklardan desteklediği dosya kaynağını açar.
HTML <audio> ve </audio> etiketleri arasındaki yazı <audio> etiketini desteklemeyen tarayıcılarda görüntülenir.
<audio autoplay="autoplay">
<source src="ses.ogg" type="audio/ogg" />
<source src="ses.mp3" type="audio/mpeg" />
Tarayıcınız audio etiketini desteklemiyor.
</audio>HTML <audio> etiketi autoplay özelliği ses dosyasını otomatik olarak çalmak için kullanılır.
HTML tarayıcı ses formatları
HTML <audio> etiketi MP3, Wav ve Ogg ses formatlarını desteklemektedir.
| Tarayıcı | MP3 desteği | Wav desteği | Ogg desteği |
|---|---|---|---|
| Internet Explorer | VAR | YOK | YOK |
| Chrome | VAR | VAR | VAR |
| Firefox | VAR | VAR | VAR |
| Safari | VAR | VAR | YOK |
| Opera | VAR | VAR | VAR |
HTML ses formatları
| Dosya Formatı | Format Türü |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML <audio> yenilikleri
HTML5 ile birlikte gelen <audio> etiketi JavaScript DOM desteği verir.
JavaScript DOM desteği düğmeye tıklandığında oynatma, durdurma, ses ayarını değiştirme gibi imkan verir.
JavaScript Derslerine buradan ulaşabilirsiniz…
HTML5 Derslerine buradan ulaşabilirsiniz…
Hayırlı günler dilerim.