Ana sayfa » Teknoloji » HTML Dersleri » HTML 5 Dersleri – Bölüm 4 – Audio

HTML 5 Dersleri – Bölüm 4 – Audio

tarafından Hasan Yasin Türkyılmaz
0 yorum 19 gösterim

HTML5 ses dosyaları çalmak için de bir satandart sunmakta.


Web’te ses/audio

Şu ana kadar, web sayfaları üzerinde ses çalmak için bir standart yoktu.

Günümüzde ise, çoğu ses parçası flash gibi eklentilerle çalışmakta. Bununla beraber, tüm tarayıcılar aynı eklentiyi desteklememekte.

HTML5 audio elementi ile bir ses parçası standardı getirmekte.

Audio elementi ses parçalarının çalınmasını sağlar, veya bir ses akışının çalınmasını.


Audio Türleri

Varsayılan olarak, audio elementine uygun 3 tür mevcut:

TürIE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
Ogg VorbisHayırEvetEvetEvetHayır
MP3EvetHayırHayırEvetEvet
WavHayırEvetEvetEvetEvet

 


Nasıl Çalışır

Ses çalabilmek için tüm ihtiyacınız olan şey:

<audio src=”song.ogg” controls=”controls”>
</audio>

Control özelliği play, pause, ve volume gibi yani çal, duraklat ve ses gibi kontrol düğmelerini sağlar.

<audio> ve </audio> etiketleri arasına audio elementini desteklemeyen tarayıcılar için uyarı yazsıı konulabilir.

Yukarıdaki Ogg dosyası örneği Firefox, Opera ve Chrome’da düzgünce çalışmaktadır.

Internet Explorer ve Safari’de de çalabilmesi için  türü mp3 olan bir dosya eklemelisiniz.

Audio elementi çoklu kaynağa sahip elementleri kabul etmekte. Source(kaynak) elementleri farklı ses dosyalarına bağlanabilmekte. İlk tanınan formatı çalacaktır tarayıcılar:

 

Tüm <audio> Özellikleri

ÖzellikDeğerTanım
autoplayautoplayHazır olur olmaz çalma eylemi.
controlscontrolsPlay gibi kontrol tuşlarının varlığını sağlar.
looploopHer bitime ulaştıktan sonra tekrar çalma sayısını belirler.
preloadpreloadÇalmaya hazır olma durumu sayfa yüklenmeye başlamasıyla başlar. Autoplay yok sayılır varsa.
srcurlÇalınacak sesin URL’sini gösterir.

Alakalı yazılarım

Bu site çerezleri kullanarak deneyiminizi artırmakta. Bilgilerinizi satmamakta, spam amacıyla yapılan reklamlarda da kullanmamakta. Sizlere faydalı içerikler sunarak öğrenmeniz için çabalamakta. Kabul et Devamını oku

%d blogcu bunu beğendi: