Menyematkan audio pada HTML

Pada kesempatan kali ini, kita akan belajar cara menyematkan format file audio pada HTML.

Untuk memasukan suara pada HTML bisa menggunakan tag <audio>. Format suara yang telah didukung hingga saat ini adalah MP3, OGG dan WAP.

Jenis format file audio yang mendapat dukungan dari web browser bisa dilihat pada tabel berikut ini.

Browser	MP3	WAV	OGG
Edge / Internet Explorer	Yes	No	No
Google Chrome	Yes	Yes	Yes
Mozilla Firefox	Yes	Yes	Yes
Safari	Yes	Yes	No
Opera	Yes	Yes	Yes

Bentuk umum penggunaan tag <audio>:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

Pada kode diatas, jika semua jenis audionya tidak didukung maka yang akan ditampilkan adalah teksnya.

Atribut yang bisa digunakan dalam tag <audio>:

Atribut	Nilai/Value	Penjelasan
autoplay	<audio autoplay=”autoplay”>	Mulai audio secara otomatis
controls	<audio controls=”controls”>	Menampilkan kontrol seperti volume, audio, dan juga tombol untuk memulai/pause mengulang audio
loop	<audio loop="loop">	Memutar kembali setelah pemutaran awal selesai
muted	<audio muted ="muted">	Mematikan suara
preload	<audio preload="preload">	Memuat ulang audio ketika halaman dimuat ulang
src	URL	Mencari URL untuk file audio

Referensi: https://www.w3schools.com/tags/tag_audio.asp