Cara menampilkan audio didalam HTML Terbaru

Daftar Isi [Tampil]

Hello sobat desain kali ini saya akan membahas mengenai kode HTML untuk menampilkan audio pada format HTML terkhusus didalam pembahasan mengenai kode HTML untuk penggunaan didalam blogger

Audio HTML

Didalam HTML untuk menampilkan sebuah audio atau musik dan sebagainya menggunakan Tag <audio> dan diakhiri dengan Tag </audio>

Sobat bisa menginput audio dari berbagai jenis container seperti MP3, Ogg dan lainnya

Untuk memutarkan lagu sobat gunakan <sources sebelum src= sabagi contoh penggunaan dari secara lengkap seperti ini

<audio>

<source src="hourse.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>

Penjelasan dari type diatas adalah untuk menentukan mime tipe dari audio tersebut, semisal format mp3 menggunakan type mpeg dengan menyertakan audio dudepannya

Dibawah ini adalah beberapa atribut dari Tag Audio dan gunakan false dan true untuk penggunaan setiap atribut

Controls

Controls adalah atribut untuk menampilkan menu atau atribut didalam pemutaran lagu semisal play and pause, pada setiap browser akan memiliki tampilan yang berbeda beda, kamu tidak perlu memasukkan nilai true dan false untuk menggunakan atribut controls ini, dan untuk memasukkan atribut didalam audio ketik atribut setelah tag <audio

Untuk kode lengkapnya anda bisa melohat kode dibawah ini dari audio controls

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

Your browser does not support the audio element.

</audio>

Autoplay

Fungsi autoplay adalah untuk memutar lagu secara otomatis tanpa perlu anda klik tombol playnya maka fungsi autoplay nya akan bekerja, dan menambahkan atribut autoplay ini ketik atribut autoplay setalah atau didalam tag <audio

kode lengkap untuk menambahkan atribut autoplay kedalam tag audio sebagai berikut :

<audio autoplay="true"> <source src="horse.mp3" type="audio/mpeg">

Your browser does not support the audio element.

</audio>

⚠️ jika diterapkan Maka lagu akan terus diputar secara otomatis dengan sendirinya, bisa di bilang ghoib hehehe 😁

Loop

Sedangkan untuk atribut loop berfungsi untuk memutar lagu secara berulang kali apabila lagu telah menyelesaikan durasinya, jika halaman tidak direload, untuk menggunakan atribut loop ketik sesudah atau didalam tag <audio

kode lengkap untuk menambahkan atribut loop kedalam tag audio sebagai berikut ini :

<audio loop="true"> <source src="horse.mp3" type="audio/mpeg">

Your browser does not support the audio element.

</audio>

⚠️ Tidak ada batas mengulang lagu jika kamu memakai atribut ini

Muted

Atribut Muted berfungsi untuk meniadakan lagu atau audio, untuk menjalankan atribut Muted ini didalam tag Audio, untuk menggunakn, ketik muted setelah atau didalm Tag <audio

kode lengkap untuk menambahkan atribut muted kedalam tag audio sebagai berikut :

<audio muted="true"> <source src="hourse.mp3" type="audio/mpeg">

Your browser does not support the audio element.

</audio>

Gunakan lebih dari satu Atribut

Untuk menggunakn lebih dari satu atribut sertakan setiap atribut Atribut Tittle setelah atau didalam Tag <audio

kode lengkap untuk menambahkan atribut muted kedalam tag audio sebagai berikut :

<audio controls="true" autoplay="true" muted="false" loop="true"> <source src="horse.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>

Nah sobat begitulah bagaimana cara untuk menampilkan audio pada format HTML, kamu bisa menggunakannya didalam blogger, dikarnakan Blogger mendukung Kode html untuk membentuk suatu elemen 👏

Follow

Desain Limited Content Creator, Writer, Vidio Creator, Design Website, Design Template, Design Grafis

Bagikan Artikel ini