Mengatur Suara HTML Menggunakan Audio Kontrol DOM
Sebelum memahami lebih dalam materi tentang Mengatur Suara HTML Menggunakan Audio Kontrol DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM, Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM, dan Membaca Track Audio HTML Menggunakan audioTracks 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
- Mematikan Suara HTML Menggunakan Audio Ended DOM
- Memutar Suara Berulang HTML Menggunakan Audio Loop DOM
- Mengatur Audio mediaGroup HTML DOM dan Fungsinya
- Membisukan Suara HTML Menggunakan Audio Muted DOM
- Properti networkState HTML Audio DOM dan Fungsinya
- Menghentikan Audio HTML Menggunakan Paused DOM
5 komentar untuk "Mengatur Suara HTML Menggunakan Audio Kontrol DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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