-->

Embed suara dengan tag audio di HTML 5

Pada postingan kali ini saya akan membahas tag audio di HTML5 yang mana tag ini berfungsi untuk mengembed suara maupun music ke dalam website yang sedang anda kembangkan, untuk tag audio ini hanya berfungsi pada browser yang terupdate, jadi jangan lupa untuk update browser kesayangan anda sebelum meng embed tag audio di website anda.

ada beberapa fungsi audio HTML5 yang bisadi implentasi ke website anda yang pertama adalah

HTML5 audio tag

Untuk audio HTML5 tag yang digunakan adalah seperti contoh kode di bawah ini

<audio controls>
<source src="vulcan/buzz-ng.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

kode tersebut bisa anda gunakan untuk meramaikan isi website anda dengan memutar audio atau pun music secara manual.

Autoplay HTML5 audio tag

Untuk membuat audio yang autoplay anda bisa menggunakan kode berikut ini

<audio controls autoplay>
<source src="vulcan/buzz-ng.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

jadi ketika halaman web di akses maka audio akan secara otomatis autoplay audio atau music yang sudah disiapkan.

Autoplay loop HTML5 audio tag

Untuk membuat audio autoplay dengan looping (perulangan) secara terus menerus anda bisa menggunakan kode tag audio seperti di bawah ini

<audio controls autoplay loop>
<source src="vulcan/buzz-ng.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

kode tersebut membuat visitor bisa mendengarkan music secara berulang - ulang, namun user bisa menonaktfkan suara tersebut ketika di pause.

Autoplay loop dan hidden HTML5 audio tag

Untuk membuat audo dengan looping (perulangan) secara terus menerus dan tersembunyi di halaman website anda maka anda bisa menggunakan kode berikut ini

<audio controls autoplay loop hidden>
<source src="vulcan/buzz-ng.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Kode tersebut membuat audio dengan autoplay looping (berulang - ulang) dan tersembunyi sehingga user akan terus mendengarkan audio maupun musik dari web yang anda buat, jadi bagaimana sudah tahukan fungsi control dari audio HTML5?

saya harap tutorial singkat ini mencerahkan anda untuk menggunakan tag audio di website yang sedang anda bangun, jangan pernah menyerah sebelum anda mencobanya.

Selamat Mencoba

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel