Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM

Properti Volume Video DOM merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai volume audio dari suatu file video. Nilai jangkauan dari value yang diterima berada diantara 0.0 (silent) dan 1.0 (loudest).

Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM
Properti Volume DOM HTML

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.

Baca Juga:

Berikut adalah ilustrasi program dari properti 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>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Syifa Amanda, Tegar Galih Arya Candy, Tika Anggun Apriliani, Tsania Shofenia Ferisha Effendi, dan Ulfa Trihandayani.

5 komentar untuk "Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM"

  1. Jenis browser seperti apa yang biasa digunakan oleh pak Siswanto official untuk mengaktifkan properti Volume DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh pak Siswanto official untuk mengaktifkan properti volume DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan volume DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti volume DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai volume audio atau video yang sedang diputar saat ini.

      Hapus
    2. Properti volume berfungsi untuk mengatur nilai volume atau ketinggian frekuensi getar suara yang sedang dimainkan pada media saat ini.

      Hapus

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 -