Mematikan Suara Video HTML Menggunakan Properti Muted DOM
Properti Video muted DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai audio dari video apakah harus muted atau tidak.
Sebelum memahami lebih dalam materi tentang Mematikan Suara Video HTML Menggunakan Properti Muted DOM, terlebih dahulu pelajari materi tentang: Mengatur Media Group HTML Menggunakan Video mediaGroup DOM, Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM, dan Properti Video Ended HTML DOM beserta Fungsinya.
Sintak:
Property Values:
Return Values: berfungsi untuk mengembalikan sebuah nilai boolean true jika output audio dari video muted, jika tidak maka akan mengembalikan nilai false.
Sebelum memahami lebih dalam materi tentang Mematikan Suara Video HTML Menggunakan Properti Muted DOM, terlebih dahulu pelajari materi tentang: Mengatur Media Group HTML Menggunakan Video mediaGroup DOM, Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM, dan Properti Video Ended HTML DOM beserta Fungsinya.
Sintak:
- Mengembalikan nilai properti muted: videoObject.muted
- Mengatur nilai properti muted: videoObject.muted = true | false
Property Values:
- true atau false: digunakan untuk menentukan apakah output audio dari video harus muted atau tidak.
Return Values: berfungsi untuk mengembalikan sebuah nilai boolean true jika output audio dari video muted, jika tidak maka akan mengembalikan nilai false.
Contoh: Mematikan suara dari sebuah video. Berikut adalah ilustrasi program dari properti video muted.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Muted DOM pada
HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Video Muted
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls>
<source
src="samplevideo.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<p>
Untuk mematikan suara video,
lakukan double klik pada
tombol "Enable Mute".
</p>
<p>
Untuk mengembalikan nilai
status muted dari video,
lakukan double klik pada
tombol "Return Mute Status".
</p>
<button
ondblclick="set()"
type="button">
Enable Mute
</button>
<button
ondblclick="get()"
type="button">
Return Mute Status
</button>
<script>
var v = document.getElementById(
"Test_Video");
function set()
{
v.muted = true;
}
function get()
{
alert(v.muted);
}
</script>
</body>
</html>
Baca Juga:
Mematikan suara pada video dalam halaman situs web menjadi hal yang sering diperlukan dalam banyak kasus pengembangan halaman interaktif. Salah satu cara yang dapat digunakan untuk mematikan suara video secara otomatis adalah dengan memanfaatkan properti pada objek pemrograman aplikasi web. Properti ini berfungsi untuk mengatur status suara dari elemen video, sehingga suara video tersebut dapat dimatikan atau diaktifkan kembali dengan mudah.
Pada umumnya, elemen video yang ditambahkan ke dalam sebuah halaman situs web akan mengeluarkan suara yang dapat didengar oleh pengunjung halaman tersebut. Suara tersebut terkadang dapat mengganggu pengalaman pengunjung jika tidak dikendalikan dengan baik. Untuk menghindari gangguan tersebut, mematikan suara video menjadi solusi yang efektif. Hal ini sangat berguna ketika video dimasukkan ke dalam elemen yang perlu diputar otomatis tanpa mengganggu suara lainnya di halaman, atau ketika situs web tersebut dirancang untuk pengalaman yang lebih tenang tanpa suara yang tidak diinginkan.
Properti pada elemen video dalam HTML memungkinkan pengembang situs untuk mengatur apakah suara dari video tersebut harus dimatikan sejak awal pemutaran atau tidak. Ketika properti ini diterapkan, suara dari video tidak akan terdengar meskipun video tersebut diputar. Pengaturan ini dapat sangat membantu pada halaman yang memiliki banyak elemen multimedia yang saling berinteraksi, serta pada halaman yang membutuhkan kontrol penuh terhadap elemen suara. Pada dasarnya, penerapan properti ini memastikan bahwa suara video tidak mengganggu elemen lainnya pada halaman, atau bahkan tidak mengganggu kenyamanan pengunjung saat menjelajah halaman situs.
Keuntungan lain dari menggunakan properti ini adalah untuk pengendalian pemutaran video yang lebih fleksibel. Sebagai contoh, pada beberapa situs web yang memuat video promosi atau tutorial, terkadang video tersebut diputar secara otomatis tanpa membutuhkan interaksi pengunjung. Tanpa pengaturan ini, suara video tersebut bisa langsung terdengar, yang mungkin tidak diinginkan dalam beberapa situasi. Dengan pengaturan ini, video dapat diputar tanpa suara, sehingga pengunjung dapat memilih kapan pengguna ingin mendengarkan suara tersebut atau tidak, tergantung pada preferensi pribadi.
Selain itu, penggunaan properti ini juga mendukung pengalaman pengguna yang lebih baik pada perangkat yang memiliki keterbatasan suara. Misalnya, pada perangkat yang hanya mendukung pemutaran video tanpa suara atau perangkat yang sedang dalam mode senyap, pengaturan ini membantu memastikan bahwa video tetap dapat dinikmati tanpa khawatir ada suara yang mengganggu. Dengan demikian, pengaturan ini menjamin bahwa video tetap dapat diputar tanpa menambahkan gangguan pada perangkat pengunjung, yang tentunya meningkatkan kenyamanan penggunaan situs web secara keseluruhan.
Tidak hanya itu, penggunaan properti ini juga memiliki peran penting dalam aspek aksesibilitas situs web. Beberapa pengguna dengan gangguan pendengaran tentu lebih memilih pengalaman yang tanpa suara. Pengaturan secara otomatis pada video akan memastikan bahwa video tidak mengeluarkan suara tanpa perlu melakukan pengaturan tambahan. Ini adalah bentuk perhatian terhadap kebutuhan berbagai pengguna yang mengakses situs web dan memastikan pengalaman yang lebih inklusif bagi semua kalangan.
Penerapan properti ini tidak terbatas pada video yang dimuat secara otomatis pada halaman. Properti ini juga berguna untuk video yang dibuka oleh pengunjung situs dalam interaksi tertentu, misalnya melalui klik atau geser. Saat video baru dimulai, properti ini dapat dipasang untuk memastikan bahwa suara tidak mengganggu pengunjung. Hal ini mengurangi potensi gangguan, khususnya pada video yang tidak memerlukan suara atau memiliki suara latar belakang yang tidak penting. Dalam banyak kasus, video yang berfokus pada visual, seperti slideshow atau galeri gambar bergerak, dapat diputar tanpa suara agar pengunjung dapat lebih fokus pada visual tanpa harus mendengarkan suara yang tidak relevan.
Pada beberapa platform, penggunaan properti ini bahkan menjadi standar pengaturan bagi video yang diputar otomatis. Hal ini bertujuan untuk meningkatkan kenyamanan dan pengendalian terhadap elemen suara di halaman web. Dalam banyak kasus, pengunjung lebih cenderung merasa nyaman ketika suara video tidak langsung terdengar begitu video mulai diputar. Pengguna memiliki pilihan untuk mengaktifkan suara ketika diperlukan, dan pengaturan ini mempermudah dalam mengelola pengalaman penjelajahan.
Penerapan properti ini juga dapat diterapkan dengan mudah dalam skenario interaktif, seperti dalam permainan atau aplikasi multimedia lainnya. Dalam kasus ini, video atau animasi yang disertai suara dapat diputar tanpa menambah kebisingan yang tidak diinginkan pada elemen interaktif lainnya. Penggunaan properti ini sangat membantu dalam merancang pengalaman pengguna yang lebih halus dan terorganisir, terutama ketika ada banyak elemen visual yang saling berinteraksi. Dengan pengaturan ini, suara tidak mengganggu elemen visual atau gameplay yang sedang berlangsung.
Meskipun banyak keuntungan yang ditawarkan oleh properti ini, penggunaan pengaturan ini tetap harus dipertimbangkan dengan bijak. Pada beberapa video yang sangat bergantung pada elemen audio untuk mendukung konten, seperti video tutorial, klip instruksional, atau video dengan narasi penting, mematikan suara dengan properti ini bisa menjadi pilihan yang tidak sesuai. Dalam hal ini, memberikan kendali penuh kepada pengunjung untuk mengatur suara video sesuai keinginan menjadi solusi yang lebih baik, agar pengalaman menonton video tetap menyenangkan dan informatif.
Sebagai bagian dari pengembangan situs web yang ramah pengguna dan mudah diakses, penggunaan properti ini pada elemen video dapat mengoptimalkan pengalaman pengunjung. Fitur ini memastikan bahwa video yang dimuat di halaman situs dapat berfungsi dengan baik tanpa mengganggu atau menambah kebisingan yang tidak perlu. Dengan memanfaatkan properti ini, pengembang situs dapat memberikan kontrol lebih kepada pengunjung terkait pemutaran suara pada video, memberikan pengalaman yang lebih nyaman, efisien, dan menyenangkan.
Referensi Tambahan:
- Properti Video Preload HTML DOM dan Fungsinya
- Properti readyState Video HTML DOM dan Fungsinya
- Mencari Rentang Video HTML Menggunakan Seekable DOM
- Pencarian Video HTML Menggunakan Properti Seeking DOM
- Mendapatkan URL Video HTML Menggunakan Properti SRC DOM
- Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM
- Properti textTracks HTML DOM Beserta Fungsinya
Artikel ini akan dibaca oleh: Yuni Fadlilah, Yunita Dwi Lestari, Zalfa Kholida, Ziyad Fikrin Najib, dan Abdul Kharis Illahi Syah.
5 komentar untuk "Mematikan Suara Video HTML Menggunakan Properti Muted 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 -
Jenis browser apa saja yang dapat digunakan oleh bapak qomaruddin untuk mengaktifkan properti mute DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti Muted DOM pada HTML oleh bapak Qomaruddin:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti muted DOM pada HTML?
BalasHapusProperti muted DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai audio atau video, apakah harus dibisukan atau tidak.
HapusProperti HTML DOM video Muted merupakan properti yang digunakan untuk mengembalikan atau menetapkan nilai boolean yang sesuai dengan kondisi dari file audio atau video, apakah harus dibisukan atau tidak.
Hapus