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.

Yusuf SEZER

Yusuf SEZER

Computer Engineer who interested about web technologies, algorithms, artificial intelligence and embedded systems; constantly exploring new technologies.


Bunlara'da bakmalısın!