HTML Audio

HTML5 memungkinkan kita untuk menyisipkan file audio secara langsung ke dalam halaman web menggunakan tag <audio>.

Tag <audio>

Tag <audio> digunakan untuk menyisipkan file audio seperti .mp3, .wav, dan .ogg.

Atribut Umum:

• controls – Menampilkan kontrol pemutar audio (play, pause, volume).
• autoplay – Memutar audio secara otomatis saat halaman dimuat.
• loop – Mengulang audio secara otomatis.
• muted – Memulai audio dalam keadaan mute.
• preload – Menentukan apakah browser harus memuat audio saat halaman dimuat.

Contoh Dasar

<audio controls>
  <source src="suara-kuda.mp3" type="audio/mpeg" />
  Browser Anda tidak mendukung audio tag.
</audio>

Autoplay & Loop

<audio controls autoplay loop muted>
  <source src="suara-kuda.mp3" type="audio/mp3" />
</audio>

Format File yang Didukung

Tips: Gunakan beberapa <source> agar audio dapat diputar di berbagai browser.

<audio controls>
  <source src="suara-kuda.ogg" type="audio/ogg" />
  <source src="suara-kuda.mp3" type="audio/mpeg" />
  Browser Anda tidak mendukung audio tag.
</audio>

Dengan menggunakan tag <audio>, kita bisa dengan mudah menambahkan efek suara, musik latar, atau podcast ke halaman HTML.