Mengatur Suara HTML Menggunakan Audio Kontrol DOM
![]() |
Properti Audio Kontrol DOM |
Kontrol audio terdiri dari beberapa kontrol berikut:
- Play
- Pause
- Seeking
- Volume
Sintak:
- Mengembalikan nilai properti kontrol: audioObject.controls
- Mengatur nilai properti kontrol: audioObject.controls = true|false
Property Values:
- true atau false: digunakan untuk menentukan apakah audio harus menampilkan kontrol atau tidak.
Return Values: berfungsi untuk mengembalikan sebuah nilai Boolean, dimana audio kontrol akan ditampilkan jika mengembalikan nilai true, dan sebaliknya jika mengembalikan nilai false. Secara default, nilai dari properti diatur ke tipe false.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Audio controls DOM
pada HTML
</title>
</head>
<body
style="text-align: center">
<h1
style="color: green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Audio controls
</h2>
<br>
<audio
id="Test_Audio"
controls
autoplay>
<source
src="sample1.ogg"
type="audio/ogg">
<source
src="sample1.mp3"
type="audio/mpeg">
</audio>
<p>
Untuk membuat kontrol enable,
lakukan double klik pada
tombol "Enable Controls".
</p>
<br>
<p>
Untuk memeriksa status
kontrol, lakukan double klik
pada tombol "Check Status".
</p>
<br>
<button
ondblclick="Enable_Audio()">
Enable Controls
</button>
<button
ondblclick="Check_Audio()">
Check Status
</button>
<p id="test"></p>
<script>
var a = document.getElementById("Test_Audio");
function Enable_Audio()
{
a.controls = true;
a.load();
}
function Check_Audio()
{
alert(a.controls);
}
</script>
</body>
</html>
Blog Elfan
Properti Audio controls
Untuk membuat kontrol enable, lakukan double klik pada tombol "Enable Controls".
Untuk memeriksa status kontrol, lakukan double klik pada tombol "Check Status".
- Mengatur Durasi Suara Menggunakan Audio Duration DOM [klik]
- Mematikan Suara HTML Menggunakan Audio Ended DOM [klik]
- Memutar Suara Berulang HTML Menggunakan Audio Loop DOM [klik]
- Mengatur Audio mediaGroup HTML DOM dan Fungsinya [klik]
- Membisukan Suara HTML Menggunakan Audio Muted DOM [klik]
- Properti networkState HTML Audio DOM dan Fungsinya [klik]
- Menghentikan Audio HTML Menggunakan Paused DOM [klik]
Sebutkan lima contoh browser yang dapat digunakan untuk mengaktifkan properti audio kontrol DOM pada HTML?
BalasHapusBerikut ini lima jenis contoh penggunaan browser yang biasa digunakan pengembang untuk mengaktifkan properti audio kontrol DOM pada HTML:
Hapusp. Google Chrome
q. Internet Explorer
r. Firefox
s. Opera
t. Apple Safari
Apa yang dimaksud dengan atribut kontrol audio pada HTML?
BalasHapusAtribut control audio HTML merupakan atribut yang mengembalikan nilai boolean atau nilai yang terdiri dari dua kondisi saja. Ketika suatu nilai atau file audio tersedia, maka properti kontrol dapat digunakan untuk mengendalikan nilai dari file audio yang sedang diputar saat ini.
HapusAtribut kontrol AUDIO HTML digunakan untuk menentukan nilai kendali ketika dilakukan pemutaran file audio.
Hapus