Audio dalam HTML

Kita dapat menambahkan audio pada suatu webpage dengan menggunakan HTML. Fungsionalitas audio ini dapat digunakan menggunakan HTML5 dengan tag <audio>.

Menambahkan Audio

Menambahkan audio pada HTML menggunakan tag <audio>. Untuk menentukan sumber audio, dapat dilakukan dengan 2 cara, diantaranya: 

dengan menggunakan atribut src pada <audio>

<audio src="Music.mp3" controls></audio>

atau menggunakan atribut src pada <source>

<audio controls>
    <source src="Music.mp3" type="audio/mp3">
</audio>

Penjelasan kode:

• <audio> : Digunakan untuk membuat media player audio.
• Atribut controls : Menyediakan kontrol pada media player seperti play/pause, pengaturan volume, dan playback speed.
• Atribut src : Sumber file audio.
• <source src="Music.mp3" type="audio/mp3"> : Digunakan untuk menentukan sumber dari audio. Atribut src berisi sumber file audio, sedangkan atribut type untuk menentukan tipe dari audio.

Output:

Adapun tipe audio yang didukung dan dapat digunakan pada atribut "type" dalam elemen <source> yaitu sebagai berikut:

• MP3 : audio/mp3
• WAV : audio/wav
• Ogg : audio/ogg

Atribut <audio>

Tag <audio> mempunyai beberapa atribut yang dapat kamu gunakan sesuai dengan kebutuhan kamu, diantaranya yaitu:

• controls : menyediakan kontrol audio pada media player.

<audio src="audio.mp3" controls></audio>

• autoplay : memulai audio secara otomatis.

<audio src="audio.mp3" controls autoplay></audio>

Jika autoplay tidak berjalan, maka kemungkinan web browser tersebut hanya support autoplay jika dalam kondisi muted.

<audio src="audio.mp3" controls autoplay muted></audio>

• muted : audio secara otomatis akan dibisukan.

<audio src="audio.mp3" controls muted></audio>

• loop : mengulang audio terus-menerus.

<audio src="audio.mp3" controls loop></audio>