Belajar HTML - Cara Kerja Tag Audio

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.

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.