Tanda <audio> HTML
Definisi dan penggunaan
<audio>
Tag digunakan untuk menempatkan konten suara di dokumen, seperti musik atau aliran audio lainnya.
<audio>
Tag dapat mengandung satu atau lebih sumber audio yang berbeda. <source> tag. Peramban akan memilih sumber yang didukung pertama.
<audio>
dan </audio>
Teks di antara tag hanya akan muncul jika tidak didukung <audio>
elemen akan ditampilkan di peramban.
Petunjuk:Untuk berkas video, lihat <video> tag.
HTML mendukung tiga format audio: MP3, WAV, dan OGG.
Format audio dan dukungan peramban
Peramban | MP3 | WAV | OGG |
---|---|---|---|
Edge / IE | Dukung | Dukung * | Dukung * |
Chrome | Dukung | Dukung | Dukung |
Firefox | Dukung | Dukung | Dukung |
Safari | Dukung | Dukung | Tidak dukung |
Opera | Dukung | Dukung | Dukung |
* Dari Edge 79
Lihat juga:
Panduan DOM HTML:Panduan DOM Audio/Video HTML
Contoh
Putar berkas suara:
<audio controls> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Peramban Anda tidak mendukung tanda audio. </audio>
Atribut
Atribut | Nilai | Deskripsi |
---|---|---|
autoplay | autoplay | Atur bahwa audio akan dimulai segera setelah siap. |
controls | controls | Atur bahwa kontrol audio harus ditampilkan (seperti tombol play/pause dan lainnya). |
loop | loop | Atur audio akan dimulai kembali setelah setiap kali selesai. |
muted | muted | Tentukan audio keluaran harus diam. |
preload |
|
Tentukan apakah dan bagaimana audio di muat saat halaman diunggah. |
src | URL | Tentukan URL file audio. |
Atribut global
<audio>
Tag juga mendukung Atribut global di HTML.
Atribut acara
<audio>
Tag juga mendukung Atribut acara di HTML.
Pengaturan CSS standar
Tidak ada.
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung elemen ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.5 | 4.0 | 11.5 |