Kegiatan
Belajar 12 : Format Tampilan Audio
HTML5
mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file
audio pada halaman web: elemen <audio> </audio>.
2.) Menyajikan audio dalam tampilan web
File audio
seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>. Berikut
adalah format lengkap untuk memainkan musik ke dalam aplikasi web.
<html>
<head>
<title>cek
suara</title> </head>
<body>
audio controls>
<source src="house.mp3"
type="audio/mp3"> <source src="house.ogg" type="audio/ogg">
</audio>
</body>
</html>
Atribut yang digunakan pada tag <audio>
</audio> dapat juga menggunakan atribut autoplay, loop dan controls.
Detail atribut pada audio adalah sebagai berikut :
|
|
|
Atribut
|
|
Sintaks
|
|
Keterangan
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
<audio autoplay="autoplay">
|
memulai
audio secara otomatis
|
|
|
||||
|
|
|
|
|
|
|
pada
web terbuka
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
<audio controls = "controls" >
|
menampilkan
kontrol seperti
|
|
|
||||
|
|
|
|
|
|
|
volume, audio, dan juga tombol
|
|
|
|
|
|
|
|
|
|
|
untuk
memulai/pause
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
<audio loop="loop">
|
mengulang
audio kembali
|
|
|
||||
|
|
|
|
|
|
|
setelah pemutaran awal selesai
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
<audio muted =”muted” >
|
mematikan
suara
|
|
|
||||
|
|
|
|
|
|
|
|
|||
|
|
|
<audio preload="preload">
|
memuat
ulang audio ketika
|
|
|
||||
|
|
|
|
|
|
|
halaman dimuat ulang
|
|
|
|
|
|
|
<audio>
|
Value
dari src adalah file audio
|
|
|
||||
|
|
|
|
|
source
|
tersebut berserta lokasi filenya
|
|
|
||
|
|
|
|
|
src="/usr/home/damay/house.ogg"
</audio>
|
bisa
juga mengarahkan suatu
alamat
url/web audio tertentu
|
|
|
||
<html>
<head>
<title>cek
suara</title> </head>
<body>
<audio
controls = "controls" autoplay="autoplay"
loop="loop" >
<source
src="house.mp3" type="audio/mp3"> <source
src="house.ogg" type="audio/ogg"> </audio>
</body>
</html>
