HTML 5 Dersleri – Bölüm 4 – Audio
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ür | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
|---|---|---|---|---|---|
| Ogg Vorbis | Hayır | Evet | Evet | Evet | Hayır |
| MP3 | Evet | Hayır | Hayır | Evet | Evet |
| Wav | Hayır | Evet | Evet | Evet | Evet |
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
| Özellik | Değer | Tanım |
|---|---|---|
| autoplay | autoplay | Hazır olur olmaz çalma eylemi. |
| controls | controls | Play gibi kontrol tuşlarının varlığını sağlar. |
| loop | loop | Her bitime ulaştıktan sonra tekrar çalma sayısını belirler. |
| preload | preload | Çalmaya hazır olma durumu sayfa yüklenmeye başlamasıyla başlar. Autoplay yok sayılır varsa. |
| src | url | Çalınacak sesin URL’sini gösterir. |