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ğiWav desteğiOgg desteği
Internet ExplorerVARYOKYOK
ChromeVARVARVAR
FirefoxVARVARVAR
SafariVARVARYOK
OperaVARVARVAR

HTML ses formatları

Dosya FormatıFormat Türü
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/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!