Memutar Musik Pada HTML5

  • Post
    • December 20, 2019 at 1:40 pm
    codeorayo
    Keymaster
    none
    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 

    Tag 

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td]Format[/td][td]Tipe Media[/td]
    [td]Mp3[/td][td]Audio/mpeg[/td]
    [td]Ogg[/td][td]Audio/ogg[/td]
    [td]Wav[/td][td]Audio/wav[/td]

    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 

    Code:






    Output :

    [img width=608,height=231]http://lautankode.com/wp-content/uploads/2018/07/Audio.png[/img]

    Disarankan pula, untuk meletakan teks informasi pada tag 

    Memutar Musik Secara OtomatisJika ingin memutar musik secara otomatis autoplay, anda dapat menggunakan atribut autoplay.

    Memutar Audio Secara Otomatis

    Code:






    Membisukan Suara AudioAudio 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.

    Code:








    [img width=617,height=234]http://lautankode.com/wp-content/uploads/2018/07/Audio-2.png[/img]

    Demikian tutorial dari Memutar Musik Pada HTML5.

    https://www.lautankode.com/memutar-musik-pada-html5/

  • You must be logged in to reply to this topic.