HTML Audio Etiketi

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 …