HTML Audio Etiketi

#HTML

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ıMP3WAVOGG
Internet ExplorerEvetHayırHayı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

FormatMIME-type
MP3audio/mpeg
OGGaudio/ogg
WAVaudio/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.09.03.54.011.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

ÖznitelikDeğerAçıklama
autoplayautoplay Sesin hazır olur olmaz çalmaya başlayacağını belirtir.
controlscontrolsSes kontrollerinin görüntülenmesi gerektiğini belirtir (oynat / duraklat düğmesi vb.)
looploop Her bittiğinde sesin yeniden başlayacağını belirtir
mutedmuted Ses çıkışının sesi kapatılacağını belirtir
preloadauto
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
srcURL 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 …


Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İçerik Metası
İbrahim Bozkurt //