Cara menambah audio autoplay di html

U ntuk menyematkan audio dalam HTML kita harus menggunakan elemen <audio> dengan atribut src-nya atau elemen anak <source> dengan atribut src dan type untuk masing-masing.

Anda dapat menentukan teks di dalam elemen <audio> yang akan ditampilkan sebagai cadangan di browser yang tidak mendukung penyematan audio.

Atribut Audio HTML

• putar otomatis: jika ditentukan, audio yang disematkan akan secara otomatis mulai diputar segera setelah dapat melakukannya
• kontrol: jika ditentukan, audio yang disematkan akan memiliki kontrol yang disediakan oleh browser
• loop jika ditentukan, audio yang disematkan akan diputar berulang-ulang dalam loop tanpa akhir
• dibisukan: jika ditentukan, audio yang disematkan akan dibisukan
• src: menentukan jalur file yang mengarah ke file audio

Contoh autoplay atribut:

<audio src="audio.mp3" autoplay> Sorry your browser does not support embedding audios. </audio>

Contoh loop Atribut:

<audio src="audio-1.mp3" autoplay loop> Sorry your browser does not support embedding audios. </audio>

Contoh Kontrol atribut:

   <audio src="audio.mp3" controls> Sorry your browser does not support embedding audios. </audio>p 

Contoh Muted/diredam Atribut:

<audio src="audio.mp3" controls muted> Sorry your browser does not support embedding audios. </audio>

Menggunakan Elemen

<source>

Beberapa browser tidak mendukung semua format audio. Solusinya adalah menyediakan banyak file menggunakan

Berikut ini contohnya:

<audio controls>

  <source src="audio.mp3" type="audio/mp3" />

  <source src="audio.ogg" type="audio/ogg" />

  maaf browser mu tidak bisa menampilkan audio

</audio>