Menampilkan Audio pada HTML

Format tampilan file audio Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio></audio>.

Untuk memasukkan suara pada html bisa menggunakan tag <audio>. Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP. File-file Audio yang didukung HTML5 adalah MP3,WAV, dan OGG. Tidak semua tipe file audio tersebut didukung oleh browser
Jenis file audio untuk dukungan pada web browser bisa dilihat pada tabel berikut ini

Menyajikam audio dalam tampilan web File audio seperti mp3 dapat dilantunkan melalui tag<audio>< /audio>. Atribut yang digunakan pada tag <audio></audio> dapat juga menggunakan atribut autoplay, loop dan controls. Detail atribut pada audio adalah sebagai berikut:

Plug-in audio Plug-in merupakan sebuah program komputer kecil yang memperluas fungsi standar dari sebuah browser. Plug-in dapat ditambahkan ke halaman HTML menggunakan tag <object> atau tag <embed>. Tag <embed>. Tag <embed> diartikan sebagai sebuah wadah untuk konten eksternal (non-HTML).
Percobaan satukan file musik dan kodingan di satu folder
Buatlah halaman web sebagai berikut (audio control)

Simpan kode HTML diatas dengan nama audio1.html lalu buka hasilnya dengan menggunakan web browser. Apabila penulisannya benar maka akan tampil halaman web sebagai berikut

Buatlah halaman web sebagai berikut (audio control dengan autoplay dan loop)

Simpan kode HTML diatas dengan nama audio2.html lalu buka hasilnya dengan menggunakan web browser. Apabila penulisannya benar maka akan tampil halaman web sebagai berikut

Buatlah halaman web sebagai berikut (audio dengan menggunakan embed)

Simpan kode HTML diatas dengan nama audio3.html lalu buka hasilnya dengan menggunakan web browser. Apabila penulisannya benar maka akan tampil halaman web sebagai berikut

Buatlah halaman web sebagai berikut (audio dengan menggunakan object)

Simpan kode HTML diatas dengan nama audio4.html lalu buka hasilnya dengan menggunakan web browser. Apabila penulisannya benar maka akan tampil halaman web sebagai berikut