Cara Menyisipkan audio di Html

Koniciwa minasan!!!!,
(Ehehehe jadi pake jepang gara" anime nih)
Hai semua, kemarin kan udah bahas cara menyisipkan gambar dan video. Kali ini kita bahas cara menyisipkan audio nya.
Sekarang banyak website-website yang menyediakan audio seperti lagu yang bisa didownload. Nah gimana sih caranya?

Html menyediakan tag audio yang bisa digunakan untuk memasukan audio seperti lagu ke dalam suatu website. Penggunaan elemen audio ditandai dengan pasangan tag <audio>...</audio>. Didalam tag tersebut terdapat elemen source dan dapat ditambahkan teks yang akan ditampilkan.

Pada elemen audio juga terdapat beberapa atribut yaitu:

1. autoplay : berfungsi untuk menentukan bahwa audio akan diputar langsung ketika halaman sudah diload secara otomatis.

2. controls : berfungsi untuk menunjukkan bahwa controls audio ditampilkan seperti player yang biasanya berisi tombol play/pause, slide, volume, dsb.

3. mute : berfungsi untuk mematikan atau mebisukan suara yang ada dalam audio.

4. loop : berfungsi untuk mengulang atau memutar ulang audio.

5. src : berfungsi untuk menunjukkan lokasi penyimpanan file audio atau url penunjuk tempat file.

Tapi pada kali ini penulis akan memberi contoh dengan menggunakan atribut src

Pada atribut src , penulis hanya menuliskan kalimba.mp3 saja karena lokasi file audio nya satu folder dengan file htmlnya. Jika anda menggunakan atribut src langsung pada tag <audio> maka hanya akan ada satu format audio yang digunakan. Dan perlu diketahui tidak semua format didukung oleh semua browser. Agar tetap berjalan makan gunakan format audio yang lebih dari satu dengan menggunakan elemen source.

Oke, saya rasa anda sekarang sudah mulai bisa memahami bagaimana cara menyisipkan audio ke html.

Lakukan apa yang membuat kamu senang

 @enjie_press~