Bagaimana cara kerja Tag audio di HTML?
Tag audio digunakan untuk menambah sumber daya media audio kedalam dokumen HTML. Dan bisa diputar di browser secara langsung tanpa menggunakan plugin tambahan.
Display: Inline.
Kamu bisa menggunakan sumber audio dengan format apa saja. Misalnya mp3 atau ogg. Tampilan contoh penggunaan tag audio diatas bisa kamu lihat dibawah ini.
Tag audio digunakan untuk menambah sumber daya media audio kedalam dokumen HTML. Dan bisa diputar di browser secara langsung tanpa menggunakan plugin tambahan.
Display: Inline.
Contoh Tag Audio
<audio controls="" id="contoh-audio">
<source src="https://www.mediafire.com/file/e12flnsu4457qc1/Inspiring_Piano_and_Strings_-_AShamaluevMusic.mp3"></source>
</audio>Kamu bisa menggunakan sumber audio dengan format apa saja. Misalnya mp3 atau ogg. Tampilan contoh penggunaan tag audio diatas bisa kamu lihat dibawah ini.
Format Audio yang Digunakan
Format audio yang paling banyak mendapat dukungan atau support dari Browser adalah .mp3. Setelah itu ada format .wav yang didukung oleh sebagian besar Browser terkenal saat ini (tidak termasuk Internet Explorer).
Dan format audio terakhir, yang bisa digunakan adalah .ogg dan .acc. Sayangnya, formati tersebut tidak mendapat dukungan merata dari berbagai Browser.
Maka dari itu, jika ingin menggunakan format audio .ogg atau .acc, disarankan untuk tetap menambah sumber audio dengan format lain yang lebih banyak mendapat dukungan browser.
Misalnya :
<audio controls id="contoh-audio">
<source src="https://www.mediafire.com/file/e12flnsu4457qc1/Inspiring_Piano_and_Strings_-_AShamaluevMusic.mp3">
<source src="https://www.mediafire.com/file/e12flnsu4457qc1/Inspiring_Piano_and_Strings_-_AShamaluevMusic.mp3">
</audio>Atribut pada Tag Audio
Berikut ini adalah atribut yang bisa digunakan dalam tag Audio.
- volume
Untuk menentukan pengaturan awal besar-kecilnya suara. Dalam rentang nilai 0.1 sampai dengan 1.0. - preload
Untuk meminta tindakan pramuat audio kepada browser. - muted
Untuk memberitahukan bahwa audio harus senyap atau tidak saat awal dimuat. - loop
Untuk membuat audio akan diputar terus menerus walau audio sudah habis. Akan berhenti jika ditekan tombol stop. - controls
Untuk mengaktifkan tampilan kontrol pemutar audio. - autoplay
Untuk menentukan bahwa audio akan segera diputar setelah halaman browser selesai dimuat.
Oke, saya rasa cukup itu saja penjelasan saya kali ini tentang tag audio. Silahkan lanjut ke pembelajaran berikutnya dan semoga bermanfaat.