Pada tutorial kali ini Konsep Koding akan berbagi informasi mengenai bagaimana caranya embed audio pada HTML, audio ini bisa berupa music, suara dengan format WAV, OGG, MP3 atau format lainnya.
Audio HTML bisa digunakan sebagai suara untuk listening pada quiz online dan berbagai kebutuhan lainnya. Nah pada artikel ini akan dijelaskan bagaimana caranya menggunakan audio dengan HTML.
Audio HTML - Cara Kerjanya
Atribut kontrol menambahkan kontrol audio, seperti putar, jeda, dan volume.
Elemen <source> memungkinkan Anda untuk menentukan file audio alternatif yang dapat dipilih oleh browser. Browser akan menggunakan format pertama yang dikenali.
Teks antara tag <audio> dan </audio> hanya akan ditampilkan di browser yang tidak mendukung elemen <audio>.
Berikut kodenya :
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
Note
Pastikan file audio daam satu folder, ketika di buka di browser maka hasilnya akan seperti di bawah ini :
Sekian semoga tutorial Konsep Koding mengenai HTML untuk memutar audio dapat bermanfaat dan membantu kamu.
Baca Juga:
Tutorial Mengubah Background Warna/Gambar HTML Mudah
Tutorial Open Link Href Email HTML
0 Comments