Tag audio
Tag audio mengontrol pemutaran
rekaman audio di halaman HTML. Saat
ditambahkan, pemutar akan muncul di halaman,
yang akan memiliki tombol "Mundur", "Majukan",
"Berhenti" dan sebagainya (tampilan dan jumlahnya tergantung
pada browser). Path ke file ditentukan melalui
atribut src atau tag nested source.
Tag source diperlukan untuk menentukan
path ke file rekaman audio dalam berbagai format
(karena browser mendukung format audio yang berbeda,
contohnya mp3 atau wav).
Jika Anda memiliki rekaman dalam salah satu format,
maka perlu dikonversi ke format lainnya.
Di dalam tag audio dapat ditulis teks,
yang akan ditampilkan di browser yang
tidak mendukung audio di HTML (ini dilakukan
untuk memberi tahu pengguna tentang hal tersebut).
Jika Anda ingin melihat pemutar untuk mengontrol pemutaran
audio - tambahkan atribut controls.
Tanpanya, Anda tidak akan melihat apa pun - dan suara
juga tidak akan ada. Agar ada suara tanpa kehadiran
pemutar - tambahkan atribut autoplay.
Atribut
| Atribut | Keterangan |
|---|---|
src |
Menentukan path ke file audio.
Tetapi lebih baik menggunakan tag source untuk ini
(dalam hal ini audio dapat ditentukan dalam format yang berbeda).
|
preload |
Digunakan untuk memuat file audio bersamaan dengan pemuatan halaman situs.
Nilai yang diterima: none (tidak memuat file, default),
metadata (hanya memuat informasi layanan: durasi pemutaran dan sebagainya),
auto (memuat file audio secara keseluruhan saat halaman HTML dimuat).
|
autoplay |
Suara mulai diputar segera setelah halaman dimuat,
keberadaan atribut preload akan diabaikan.
Atribut tanpa nilai. |
controls |
Menambahkan panel kontrol ke file audio.
keberadaan atribut preload akan diabaikan.
Atribut tanpa nilai. |
loop |
Mengulang rekaman audio secara "berulang": setelah selesai akan mulai diputar lagi dari awal.
keberadaan atribut preload akan diabaikan.
Atribut tanpa nilai. Secara default (jika atribut tidak ada) rekaman hanya akan diputar 1 kali.
|
muted |
Menonaktifkan suara dalam rekaman audio.
Atribut tanpa nilai. Secara default (jika atribut tidak ada) suara rekaman dihidupkan. |
Contoh . Pemutar di Halaman Situs
Mari tambahkan pemutar dengan rekaman audio ke halaman.
Untuk browser yang tidak mendukung
tag audio, disisipkan catatan khusus
tentang hal ini:
<audio src="track.mp3" controls>
Browser Anda tidak mendukung audio pada HTML5.
</audio>
Contoh . Pemutar di Halaman Situs dengan Tag source
Sekarang mari kita tambahkan tag source
sebagai pengganti atribut src
untuk tag audio:
<audio controls>
<source src="track.mp3">
Browser Anda tidak mendukung audio pada HTML5.
</audio>
