G. 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">
</audio>
</body>
</html>
Bila listing program diatas dijalankan akan menghasilkan tampilan audio di browser . Tekan tombol play untuk memulai menjalan audionya.
Atribut yang digunakan pada tag dapat juga menggunakan atribut autoplay, loop dan controls. Detail atribut pada audio adalah sebagai berikut :
Atribut
Sintaks
Keterangan
autoplay
<audio autoplay="autoplay">
Memulai audio secara otomatis pada web terbuka
controls
<audio controls = "controls" >
Menampilkan kontrol seperti volume, audio, dan juga tombol untuk memulai/pause
loop
<audio loop="loop">
Mengulang audio kembali setelah pemutaran awal selesai
muted
<audio muted =”muted” >
Mematikan suara
preload
<audio preload="preload">
Memuat ulang audio ketika halaman dimuat ulang
src
<audio>source src="/usr/home/damay/house.ogg"</audio>
Value dari src adalah file audio tersebut berserta lokasi filenya bisa juga mengarahkan suatu
Berikut adalah listing program audio yang telah diberi atribut control, autoplay serta loop . Ketika listing program tersebut dijalankan maka audio akan berjalan secara otomatis tanpa harus ditekan tombol play .
<html>
<head>
<title>cek suara</title>
</head>
<body>
<section style="text-align: center;"><audio controls = "controls" autoplay="autoplay"
loop="loop" >
<source src="http://googledrive.com/host/0B7q1GyuInSWkc05yQllXTUMwbXc/" type="audio/mp3"></source>
Browser kamu tidak mendukung bro
</audio></section>
</body>
</html>
G. 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">
</audio>
</body>
</html>
<head>
<title>cek suara</title>
</head>
<body>
<audio controls>
<source src="house.mp3" type="audio/mp3">
</audio>
</body>
</html>
Bila listing program diatas dijalankan akan menghasilkan tampilan audio di browser . Tekan tombol play untuk memulai menjalan audionya.
Atribut yang digunakan pada tag dapat juga menggunakan atribut autoplay, loop dan controls. Detail atribut pada audio adalah sebagai berikut :
Atribut
|
Sintaks
|
Keterangan
|
autoplay
|
<audio autoplay="autoplay">
|
Memulai audio secara otomatis pada web terbuka
|
controls
|
<audio controls = "controls" >
|
Menampilkan kontrol seperti volume, audio, dan juga tombol untuk memulai/pause
|
loop
|
<audio loop="loop">
|
Mengulang audio kembali setelah pemutaran awal selesai
|
muted
|
<audio muted =”muted” >
|
Mematikan suara
|
preload
|
<audio preload="preload">
|
Memuat ulang audio ketika halaman dimuat ulang
|
src
|
<audio>source src="/usr/home/damay/house.ogg"</audio>
|
Value dari src adalah file audio tersebut berserta lokasi filenya bisa juga mengarahkan suatu
|
Berikut adalah listing program audio yang telah diberi atribut control, autoplay serta loop . Ketika listing program tersebut dijalankan maka audio akan berjalan secara otomatis tanpa harus ditekan tombol play .
<html>
<head>
<title>cek suara</title>
</head>
<body>
<section style="text-align: center;"><audio controls = "controls" autoplay="autoplay"
loop="loop" >
<source src="http://googledrive.com/host/0B7q1GyuInSWkc05yQllXTUMwbXc/" type="audio/mp3"></source>
Browser kamu tidak mendukung bro
</audio></section>
</body>
</html>
<head>
<title>cek suara</title>
</head>
<body>
<section style="text-align: center;"><audio controls = "controls" autoplay="autoplay"
loop="loop" >
<source src="http://googledrive.com/host/0B7q1GyuInSWkc05yQllXTUMwbXc/" type="audio/mp3"></source>
Browser kamu tidak mendukung bro
</audio></section>
</body>
</html>