Memutar Musik Pada HTML5

Pada tutorial kali ini akan membahas bagaimana caranya agar dapat memutar musik pada html5.

Sebelum muncul HTML5, untuk dapat memutar musik dan video pada website haruslah menggunakan plugin seperti Flash. Namun, sekarang masalah itu terpecahkan. Karena dalam HTML5 terdapat tag baru yang dapat digunakan untuk memutar audio yakni tag <audio>.

Tag <audio> digunakan untuk memutar musik, dan berikut daftar format audio yang dapat diputar :

Format Tipe Media
Mp3 Audio/mpeg
Ogg Audio/ogg
Wav Audio/wav

Sekarang kita ke praktek, tapi sebelumnya anda harus menyediakan file audio yang hendak akan diputar. Kemudian letakkan file Audio ini berada dalam 1 folder dengan file HTML.

Di bawah ini adalah contoh kode sumbernya, dalam menggunakan tag <audio> atribut controls wajib ada, atribut ini menyediakan Play, Pause, dan Stop.

Output :

memutar musik pada html5

Disarankan pula, untuk meletakan teks informasi pada tag <audio>, teks ini akan ditampilkan apabila browser tidak mendukung pemutaran audio.


Memutar Musik Secara Otomatis

Jika ingin memutar musik secara otomatis autoplay, anda dapat menggunakan atribut autoplay.


Membisukan Suara Audio

Audio yang diputar pun dapat di matikan suaranya dengan atribut muted. Tapi tentu anda akan dimasukan ke RSJ Grogol, karena memutar musik dengan suara yang dimatikan.

audio pada html5


Demikian tutorial dari Memutar Musik Pada HTML5.

Leave a comment

Your email address will not be published. Required fields are marked *

X