Lompat ke konten Lompat ke sidebar Lompat ke footer

Belajar Html - Cara Kerja Tag Audio

Bagaimana cara kerja Tag audio di HTML?

Tag audio dipakai untuk menambah sumber daya media audio kedalam dokumen HTML. Dan sanggup diputar di browser secara pribadi tanpa memakai 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 sanggup memakai sumber audio dengan format apa saja. Misalnya mp3 atau ogg. Tampilan teladan penggunaan tag audio diatas sanggup kau lihat dibawah ini.


 dipakai untuk menambah sumber daya media audio kedalam dokumen HTML Belajar HTML - Cara Kerja Tag Audio

Format Audio yang Digunakan

Format audio yang paling banyak menerima pertolongan atau support dari Browser yakni .mp3. Setelah itu ada format .wav yang didukung oleh sebagian besar Browser populer ketika ini (tidak termasuk Internet Explorer).

Dan format audio terakhir, yang sanggup dipakai yakni .ogg dan .acc. Sayangnya, formati tersebut tidak menerima pertolongan merata dari banyak sekali Browser.

Maka dari itu, jikalau ingin memakai format audio .ogg atau .acc, disarankan untuk tetap menambah sumber audio dengan format lain yang lebih banyak menerima pertolongan 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 yakni atribut yang sanggup dipakai dalam tag Audio.
  • volume
    Untuk memilih pengaturan awal besar-kecilnya suara. Dalam rentang nilai 0.1 hingga dengan 1.0.
  • preload
    Untuk meminta tindakan pramuat audio kepada browser.
  • muted
    Untuk memberitahukan bahwa audio harus senyap atau tidak ketika awal dimuat.
  • loop
    Untuk menciptakan audio akan diputar terus menerus walau audio sudah habis. Akan berhenti jikalau ditekan tombol stop.
  • controls
    Untuk mengaktifkan tampilan kontrol pemutar audio.
  • autoplay
    Untuk memilih bahwa audio akan segera diputar sesudah halaman browser selesai dimuat.


Oke, aku rasa cukup itu saja klarifikasi aku kali ini wacana tag audio. Silahkan lanjut ke pembelajaran berikutnya dan biar bermanfaat.