Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM
Sebelum memahami lebih dalam materi tentang Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM, terlebih dahulu pelajari materi tentang: Melakukan Pencarian Audio HTML Menggunakan Properti Seeking DOM [klik], Mendapatkan Nilai Audio HTML Menggunakan Properti Seekable DOM [klik], dan Mendapatkan Nilai Audio HTML Menggunakan Properti readyState DOM [klik].
Sintak:
- Mengembalikan nilai volume properti: videoObject.volume
- Mengatur nilai volume properti: videoObject.volume = number
Property Values:
- 1.0: mengatur nilai volume tertinggi, sekaligus merupakan nilai default dari properti volume.
- 0.5: mengatur nilai setengah dari volume suara.
- 0.0: mengatur nilai volume nol, diam, atau sunyi.
Return Values: Properti volume video digunakan untuk mengembalikan sebuah angka yang merepresentasikan nilai volume video.
Contoh: pengaturan volume video menjadi 50%.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video volume DOM
</title>
</head>
<body
style="text-align: center">
<h1
style="color: green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video Volume
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls>
<source
src="URL VIDEO"
type="video/mp4">
<source
src="URL VIDEO"
type="video/ogg">
</video>
<p>
Untuk mengatur volume dari
track video menjadi 50%,
lakukan double klik pada
tombol "Set Volume".
</p>
<br>
<p>
Untuk mengembalikan nilai
volume dari track video,
lakukan doube klik pada tombol
"Return Volume".
</p>
<br>
<button
ondblclick="My_Video()">
Set Volume
</button>
<button
ondblclick="R_Volume()">
Return Volume
</button>
<script>
var v =
document.getElementById("Test_Video");
function My_Video()
{v.volume = 0.5;}
function R_Volume()
{alert(v.volume);}
</script>
</body>
</html>
- Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM [klik]
- Mengatur Playback HTML Video Menggunakan Properti currentTime DOM [klik]
- Mengatur Muted Video HTML Menggunakan defaultMuted DOM [klik]
- Mengatur Kecepatan Playback Video HTML Menggunakan defaultPlaybackRate DOM [klik]
- Mendapatkan Nilai Durasi Video HTML Menggunakan Properti Duration DOM [klik]
- Properti Video Ended HTML DOM beserta Fungsinya [klik]
- Memutar Ulang Video HTML Secara Otomatis Menggunakan Properti Loop DOM [klik]
5 komentar untuk "Mengatur Tingkat Suara HTML Menggunakan Properti Volume 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 -
Jenis browser seperti apa yang biasa digunakan oleh pak Siswanto official untuk mengaktifkan properti Volume DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh pak Siswanto official untuk mengaktifkan properti volume DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan volume DOM pada HTML?
BalasHapusProperti volume DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai volume audio atau video yang sedang diputar saat ini.
HapusProperti volume berfungsi untuk mengatur nilai volume atau ketinggian frekuensi getar suara yang sedang dimainkan pada media saat ini.
Hapus