banner
htmldersleri
Ana SayfaANA SAYFA Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
HTML Temel
HTML Giriş
HTML Elementler
HTML Etiketler
HTML Parametreler
HTML Biçimlendirme
HTML Özeller
HTML Bağlantılar
HTML Çerçeveler
HTML Tablolar
HTML Listeleme
HTML Formlar
HTML Resimler
HTML Arka Plan
HTML Renkler
HTML Renk Değerleri
HTML Renk İsimleri
HTML Hızlı Liste

HTML5 Ana Menü
HTML5 Giriş
HTML5 Anlamlandırma
HTML5 Giriş Tipleri
HTML5 Form Elementleri
HTML5 Form Özellikleri
HTML5 Canvas
HTML5 SVG
HTML5 Video
HTML5 Audio
HTML5 Konum
HTML5 Sürükle/Bırak
HTML5 Web Depolama
HTML5 Uygulama Bellekleme
HTML5 Web Çalışanı
HTML5 SSE

HTML Gelişmiş
HTML Tasarım
HTML Fontlar
HTML Stiller
HTML Başlık
HTML Meta
HTML URL
HTML Scriptler
HTML Std. Nitelikler
HTML Olaylar
HTML ASCII
HTML Web Sunucu

HTML Örnekler/Test
HTML Örnekler
HTML Örnek Site
HTML Test

HTML5 Audio

Önceki Sonraki

HTML5 ses dosyalarının çalınması için bir standard sağlar.


Web'de Audio (Ses)

HTML5'ten önce, ses dosyalarının web'de çalınması için bir standard yoktu.

HTML5'ten önce, audio dosyalarının çalınması için eklentilere (flash gibi) ihtiyaç vardı. Bununla beraber, farklı tarayıcılar farklı eklentileri de destekliyordu.

HTML5 bir ses dosyasını bir web sayfasına gömmek için yeni bir element kullanır: <audio> element.


Tarayıcı Desteği

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9+, Firefox, Opera, Chrome ve Safari <audio> elementini destekler.

Not: Internet Explorer 8 ve öncesi desteklemez.



HTML5 Audio - Nasıl Çalışır?

Bir ses dosyasını bir HTML5 dosyası içinde çalmak için yapmanız gereken tek şey aşağıdaki gibidir:

Örnek

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Tarayıcınız audio elementini desteklemiyor.
</audio>

Kendin Dene »

"control" özelliği, "play, pause, ses" gibi denetimleri ekler.

Ayrıca <audio> ve </audio> etiketleri arasına desteklemeyen tarayıcı uyarısı eklemek zorundasınız.

<audio> elementi çoklu kaynak (<source>) kullanımına izin verir. <source> elementi farklı ses dosyalarına bağlantıya izin verir. Tarayıcı, ilk tanımlayabildiği dosyayı kullanır.


Ses Formatları ve Tarayıcı Destekleri

Şu an için <audio> elementinin desteklediği sadece üç format vardır: MP3, Wav ve Ogg:

Tarayıcı MP3 Wav Ogg
Internet Explorer EVET HAYIR HAYIR
Chrome EVET EVET EVET
Firefox HAYIR
Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP3
EVET EVET
Safari EVET EVET HAYIR
Opera HAYIR EVET EVET


Ses formatları için MIME tipleri

Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

Önceki Sonraki
html dersleri
Dersler Örnekler Online Test