sampai saat ini, belumlah ada suatu standar untuk memutar audio pada halaman web.Sekarang, hampir semuanya audio dimainkan melalui suatu pluggin (seperti flash).tapi bagaimanapun juga tidak semua jenis browser mempunyai pluggin yang sama.HTML5 menetapkan suatu standar yang menyertakan audio, dengan elemen audio.elemen audio bisa memainkan file sound maupun audio stream.
Audio Formats
saat ini, ada 3 jenis format utama untuk elemen audio:| Format | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
|---|---|---|---|---|---|
| Ogg Vorbis | Tidak | Ya | Ya | Ya | Tidakl |
| MP3 | Ya | Tidak | Tidak | Ya | Ya |
| Wav | Tidak | Ya | Ya | Ya | Ya |
Bagaimana Memakainya
untuk memainkan audio file dalam HTML5:| <audio src="song.ogg" controls="controls"> </audio> |
atribut control digunakan untuk menambah kontrol play,pause,dan volume
masukkan konten diantara <audio> dan </audio> tag untuk browsers yang tidak mendukung elemen audio.
Contoh
| <audio src="song.ogg" controls="controls"> Your browser does not support the audio element. </audio> |
Coba Sendiri »
contoh diatas menggunakan file jenis Ogg , dan akan bisa ditampilkan pada Firefox, Opera dan Chrome.
untuk membuat audio bekerja pada Internet Explorer dan Safari, tambahkan audio file dari tipe Mp3 nya.
contoh
Coba sendiri » |
All <audio> Attributes
| Attribute | Value | Description |
|---|---|---|
| autoplay | autoplay | membuat audio bermain secara otomatis |
| controls | controls | menentukan kontrol apa yg akan ditampilkan misalnya seperti tombol play |
| loop | loop | menentukan apakah audio akan bermain lagi (looping) setelah selesai terputar |
| preload | preload | menentukan apakah audio akan terisi (load) pada page load dan siap untuk dijalankan |
| src | url | menentukan URL dari suatu audio untuk diputar atau play |
Tidak ada komentar:
Posting Komentar