Tag <audio> HTML


Contoh

Putar file suara:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

Definisi dan Penggunaan

Tag <audio>digunakan untuk menyematkan konten suara dalam dokumen, seperti musik atau aliran audio lainnya.

Tag <audio>berisi satu atau beberapa <source>tag dengan sumber audio yang berbeda. Browser akan memilih sumber pertama yang didukungnya.

Teks antara <audio>dan </audio> tag hanya akan ditampilkan di browser yang tidak mendukung <audio>elemen tersebut.

Ada tiga format audio yang didukung dalam HTML: MP3, WAV, dan OGG.

Format Audio dan Dukungan Browser

Browser MP3 WAV OGG
Edge / IE YES YES* YES*
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

*Dari Tepi 79


Tips dan Catatan

Tip: Untuk file video, lihat tag. <video>



Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen tersebut.

Element
<audio> 4.0 9.0 3.5 4.0 11.5

Atribut

Attribute Value Description
autoplay autoplay Specifies that the audio will start playing as soon as it is ready
controls controls Specifies that audio controls should be displayed (such as a play/pause button etc)
loop loop Specifies that the audio will start over again, every time it is finished
muted muted Specifies that the audio output should be muted
preload auto
metadata
none
Specifies if and how the author thinks the audio should be loaded when the page loads
src URL Specifies the URL of the audio file

Atribut Global

Tag <audio>juga mendukung Atribut Global dalam HTML .


Atribut Acara

Tag <audio>juga mendukung Atribut Peristiwa dalam HTML .


Halaman Terkait

Referensi DOM HTML: Referensi DOM Audio/Video HTML


Pengaturan CSS Default

Tidak ada.