Menambahkan Audio pada HTML

Jika Anda menginginkan di halaman web terdapat pemutaran podcast atau musik maka tag <audio> dapat membantu Anda dengan mudah. Memang benar menggunakan audio di halaman web cukup jarang digunakan pada halaman web pada umumnya.

Daftar isi:

Contoh audio HTML lengkap

Berikut saya sadurkan dengan contoh yang lengkap:

<audio controls autoplay loop muted src="https://www.w3schools.com/html/horse.mp3">
</audio>

Jenis atribut audio

Atribut autoplay

Atribut autoplay akan memutar audio pertama kali halaman dimuat, hal ini bisa bermanfaat kalau Anda ingin menggunakannya agar tidak lagi menekan tombol putar.

Atribut controls

Atribut controls untuk kontrol audio yang ditampilkan seperti tombol putar, jeda, meredam atau lainnya. Anda wajib menggunakan atribut ini kalau tidak maka kontrol audio tidak tampil.

Atribut loop

Jika Anda ingin audio berputar terus menerus maka gunakan atribut loop ini.

Atribut muted

Atribut muted akan meredamkan suara audio yang diputar baik secara diputar automatis atau manual.

Atribut scr

Atribut scr menentukan alamat URL berkas audio.

Sumber audio: W3Schools


profil

DITULIS OLEH

Febri Hidayan

Berikan saya sponsor terbaik Anda agar saya tetap semangat menulis artikel yang bermanfaat. Terimakasih 😊