Tanda <audio> HTML
Definisi dan penggunaan
<audio>
Tag digunakan untuk menempelkan konten suara di dokumen, seperti musik atau aliran audio lainnya.
<audio>
Tag dapat mengandung satu atau lebih sumber audio yang berbeda Tag <source>. Pemintaan pelayar akan memilih sumber pertama yang didukung.
<audio>
dan </audio>
Teks di antara tag hanya akan muncul di pemintaan pelayar yang tidak mendukung <audio>
elemen akan ditampilkan di pelayar elemen.
Petunjuk:Untuk berkas video, lihat Tag <video>。
HTML mendukung tiga format audio: MP3, WAV, dan OGG.
Format audio dan dukungan pemintaan pelayar
Pemintaan pelayar | 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 mulai
Lihat juga:
Panduan DOM HTML:Panduan DOM Audio/Video HTML
Contoh
Mainkan berkas suara:
<audio controls> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Pemintaan pelayar anda tidak mendukung tag audio. </audio>
Atribut
Atribut | Nilai | Deskripsi |
---|---|---|
autoplay | autoplay | Pengaturan audio akan dimainkan segera setelah siap. |
controls | controls | Pengaturan untuk menampilkan kontrol audio (seperti tombol play/pause dan lainnya). |
loop | loop | Pengaturan audio akan dimulai kembali setelah setiap kali berakhir. |
muted | muted | 规定音频输出应静音。 |
preload |
|
规定是否以及如何在页面加载时加载音频。 |
src | URL | 规定音频文件的 URL。 |
全局属性
<audio>
标签还支持 HTML 中的全局属性。
事件属性
<audio>
标签还支持 HTML 中的事件属性。
默认的 CSS 设置
无。
浏览器支持
表中的数字注明了首个完全支持该元素的浏览器版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.5 | 4.0 | 11.5 |