Menyisipkan audio dengan html5


Pada HTML 5 telah ditambahkan tag audio untuk memperdengarkan audio. Tag itu sederhana yaitu dengan <audio> dan file audionya :

1.  Siapkan browser yang mendukung html5.

2.  Buka notepad++  . Isikan script seperti dibawah ini

<!doctype html>
<html><head>
<title>Latihan Elemen Audio</title>
</head> <body> 

 <audio controls="controls">
 <source src="sound.ogg" type="audio/ogg" />
 <source src="sound.mp3" type="audio/mpeg" />
 <source src="sound.wav" type="audio/wav" />
Browser anda tidak mendukung Tag Audio
</audio> </body> </html>

3.  Save di dengan nama latihan audio. letakkan di satu folder dengan file musik  dengan formati musik = .ogg dan .mp3

4.  Buka file latihan audio.html dengan cara klik kanan-pilih browser google chrome. Hasilnya seperti dibawah ini.

Iklan

One thought on “Menyisipkan audio dengan html5

  1. Ping-balik: Mengenal Html5 | Live's in the world

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s