Html audio etiketi sitenize mp3, wav ve ogg gibi ses dosyaları eklemenize yarayan etiketlerdir. Spotify gibi web uygulamaları sık kullanır.
Html audio etiketi. <audio> etiketi, müzik veya diğer ses akışları gibi sesi tanımlar.
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>Şu anda <audio> öğesi için desteklenen 3 dosya biçimi vardır: MP3, WAV ve OGG:
| Tarayıcı | MP3 | WAV | OGG |
|---|---|---|---|
| Internet Explorer | Evet | Hayır | Hayır |
| Chrome | Evet | Evet | Evet |
| Firefox | Evet | Evet | Evet |
| Safari | Evet | Evet | Hayır |
| Opera | Evet | Evet | Evet |
Ses Formatları için MIME Türleri
| Format | MIME-type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
Tarayıcı Desteği
Tablodaki sayılar, öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Element | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
<audio> etiketi HTML5 ile yazılım hayatımıza girdi.
İpucu: <audio> ve </audio> arasına yazılan bütün metinler, <audio> etiketini desteklemeyen tarayıcılarda yazı olarak gözükecektir.
Öznitellikler
| Öznitelik | Değer | Açıklama |
|---|---|---|
| autoplay | autoplay | Sesin hazır olur olmaz çalmaya başlayacağını belirtir. |
| controls | controls | Ses kontrollerinin görüntülenmesi gerektiğini belirtir (oynat / duraklat düğmesi vb.) |
| loop | loop | Her bittiğinde sesin yeniden başlayacağını belirtir |
| muted | muted | Ses çıkışının sesi kapatılacağını belirtir |
| preload | auto metadata none | Sayfa yüklendiğinde yazarın sesin yüklenmesi gerektiğini düşünüp düşünmediğini ve nasıl yüklediğini belirtir |
| src | URL | Ses dosyasının URL’sini belirtir |
Herhangi bir sorunuz ve öneriniz varsa, yorumlar kısmında bize bildirin!
Eğer yazılım ile ilgileniyorsanız sizde bizlere katılıp makaleler yazabilir video içerikler üretebilirsiniz. Sizlerle birlikte bizde büyük bir ekip olabiliriz.
Ayrıca İnstagram hesabımızı takip edebilir bize Twitter ’dan da yazabilirsiniz.
Bu platformlardan herhangi birinde hsabınız yok ise telaşa gerek yok. İstediğiniz soruyu yorumlarda belirtebilirsiniz.
İlginizi çekebilir…
Tüm HTML Kodları ve Açıklamaları!
Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …
JavaScript Değişkenler (Variables) Nedir ve Nasıl Kullanılır?
JAVASCRİPT ve JQUERY
JavaScript Tek Satırlı ve Çok Satırlı Yorum Satırı Nasıl Kullanılır?
JAVASCRİPT ve JQUERY
JavaScript Syntax Kod Yazma Kuralları!
JAVASCRİPT ve JQUERY
Bir cevap yazın