Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Membisukan Suara HTML Menggunakan Audio Muted DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Properti audio muted DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai audio, apakah harus dilakukan muted atau tidak.

Sebelum memahami lebih dalam materi tentang Membisukan Suara HTML Menggunakan Audio Muted DOM, terlebih dahulu pelajari materi tentang: Mengatur Audio mediaGroup HTML DOM dan Fungsinya, Memutar Suara Berulang HTML Menggunakan Audio Loop DOM, dan Mematikan Suara HTML Menggunakan Audio Ended DOM.

Sintak:
  • Berfungsi untuk mengembalikan nilai properti muted: audioObject.muted
  • Berfungsi untuk mengatur nilai properti muted: audioObject.muted = true | false

Property Values: digunakan untuk menerima nilai true atau false yang digunakan untuk menentukan apakah audio harus dilakukan muted atau tidak. Secara default, nilai yang akan dikembalikan adalah false.

Return Values: properti audio muted digunakan untuk mengembalikan nilai boolean true jika audio akan dilakukan muted, jika sebaliknya, maka akan mengembalikan nilai false.

Contoh: Ilustrasi untuk mematikan audio suara. Berikut adalah ilustrasi program dari audio muted pada properti DOM HTML.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio muted DOM pada 

HTML

</title>

</head>

 

<body 

style="text-align:center;">

 

<h1 

style="color:green;">

Blog Elfan

</h1>

 

<h2 

style="font-family: impact;">

Properti Audio muted DOM

</h2>

 

<br>

 

<audio 

id="Test_Audio" 

controls>

 

<source 

src="gfg.ogg" 

type="audio/ogg">

 

<source 

src="gfg.mp3" 

type="audio/mpeg">

</audio>

 

<p>

Untuk membuat video audio 

muted, lakukan double klik 

pada tombol "Enable Mute".

</p>

 

<br>

 

<button 

ondblclick="MyAudio()" 

type="button">

Enable Mute

</button>

 

<script>

var a = document.getElementById("Test_Audio");

 

function MyAudio() 

{

a.muted = true;

alert(a.muted);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio muted DOM


Untuk membuat video audio muted, lakukan double klik pada tombol "Enable Mute".



Dalam pengembangan laman web, terkadang dibutuhkan fitur yang mampu mengendalikan elemen audio. Salah satu aspek penting dalam mengatur audio adalah kemampuan untuk membisukan suara. Ketika bekerja dengan elemen audio pada halaman web, pengembang dapat menggunakan pendekatan tertentu yang memungkinkan kontrol penuh terhadap perilaku suara, termasuk mematikannya.

Membisukan suara merupakan bagian penting dari pengalaman pengguna, terutama pada halaman yang memiliki konten multimedia. Ketika seseorang membuka sebuah halaman dengan audio otomatis, tanpa adanya kontrol atau kemampuan untuk membisukan suara, hal ini bisa mengganggu kenyamanan pengguna. Sebagai solusi, teknologi web modern menyediakan mekanisme bawaan untuk mengontrol elemen audio dengan cara yang lebih halus dan terkendali. Salah satunya adalah dengan menggunakan elemen audio pada struktur laman dan memanfaatkan kemampuan perangkat lunak peramban untuk mengelola status suara.

Dalam pengelolaan audio pada halaman, pembisuan suara dapat dilakukan dengan menggunakan properti tertentu yang disediakan dalam struktur pemrograman laman. Properti ini bertanggung jawab untuk mengatur apakah sebuah audio akan mengeluarkan suara atau tidak. Fungsi ini sangat penting untuk memberikan kontrol kepada pengguna atau memastikan pengalaman pengguna tidak terganggu oleh suara yang muncul secara otomatis.

Salah satu pendekatan yang sering digunakan untuk membisukan suara adalah dengan memanfaatkan atribut khusus pada elemen audio yang ada pada halaman. Atribut ini memungkinkan pengembang untuk mematikan suara dari sebuah elemen audio secara langsung tanpa harus mengubah sumber audio atau melakukan pemrosesan tambahan. Ketika atribut ini diterapkan, elemen audio tidak akan mengeluarkan suara meskipun konten audio tersebut tetap berjalan.

Fitur membisukan suara pada elemen audio ini tidak hanya berguna untuk memberikan kontrol kepada pengguna, tetapi juga berguna dalam situasi tertentu dimana suara tidak dibutuhkan atau tidak diinginkan, misalnya pada halaman yang memutar video atau iklan dengan suara. Dengan adanya mekanisme ini, pengembang dapat menyesuaikan pengalaman pengguna dengan memberikan pilihan untuk membisukan atau mengaktifkan kembali suara sesuai kebutuhan.

Salah satu keuntungan utama dari penggunaan mekanisme ini adalah kemudahan dalam penerapannya. Fitur ini dapat diterapkan dengan mudah pada elemen-elemen audio yang sudah ada pada laman. Dengan penambahan atribut tertentu, pengembang dapat mengatur agar elemen audio tidak mengeluarkan suara, bahkan tanpa perlu interaksi dari pengguna. Hal ini sangat berguna dalam kasus dimana pengguna mungkin ingin tetap mengakses konten tanpa terganggu oleh suara yang diputar otomatis.

Selain itu, kemampuan untuk membisukan suara juga mendukung aksesibilitas laman web. Dalam beberapa situasi, pengguna mungkin memiliki keterbatasan yang membuat tidak nyaman mendengar suara yang keras atau tiba-tiba muncul tanpa pemberitahuan. Dengan memberikan pilihan untuk membisukan suara, pengembang menciptakan pengalaman pengguna yang lebih inklusif dan memperhatikan kebutuhan individu yang berbeda.


Secara teknis, penerapan fitur pembisuan suara dilakukan dengan menggunakan atribut tertentu yang diintegrasikan ke dalam elemen audio pada laman. Atribut ini memiliki fungsi khusus untuk menonaktifkan suara pada elemen audio yang telah ditetapkan. Pengguna atau sistem dapat mengaktifkan atau menonaktifkan suara tersebut sesuai kebutuhan tanpa perlu mengubah atau menghentikan proses pemutaran konten multimedia yang sedang berlangsung.

Aplikasi praktis dari kemampuan membisukan suara ini sering digunakan pada berbagai jenis konten multimedia di internet. Misalnya, pada situs yang menampilkan video atau iklan yang diputar secara otomatis. Dalam situasi seperti ini, suara dari konten tersebut dapat dibisukan dengan menggunakan atribut tertentu pada elemen audio, sehingga pengguna tidak terganggu dengan suara yang mungkin tidak diinginkan. Selain itu, fitur ini juga dapat diintegrasikan dengan kontrol lainnya, seperti pengaturan volume atau tombol khusus untuk mengatur status suara.

Dengan demikian, kemampuan untuk membisukan suara merupakan elemen penting dalam pengembangan halaman web yang interaktif dan ramah pengguna. Fitur ini tidak hanya membantu meningkatkan kenyamanan pengguna, tetapi juga memberikan fleksibilitas lebih dalam mengelola konten multimedia yang ditampilkan. Tanpa adanya kontrol terhadap suara, pengguna dapat merasa terganggu oleh audio yang diputar otomatis atau tidak diinginkan, terutama jika halaman tersebut memutar beberapa elemen multimedia secara bersamaan.

Penerapan fitur pembisuan suara juga penting dalam menjaga kualitas pengalaman pengguna di berbagai perangkat. Di era digital saat ini, pengguna mengakses konten web melalui berbagai jenis perangkat, mulai dari komputer hingga telepon pintar. Fitur ini memastikan bahwa pengalaman pengguna tetap konsisten, tidak peduli perangkat apa yang digunakan untuk mengakses konten. Dengan begitu, pengembang dapat memastikan bahwa konten multimedia yang ditampilkan tidak mengganggu kenyamanan pengguna, terutama ketika konten tersebut diakses di tempat umum atau situasi dimana suara tidak diinginkan.

Kesimpulannya, membisukan suara menggunakan elemen audio pada halaman web adalah sebuah fitur yang penting dalam pengembangan laman interaktif. Pengguna membutuhkan kontrol atas suara yang diputar pada halaman web, dan dengan adanya fitur ini, pengembang dapat memberikan pengalaman yang lebih baik dan nyaman. Fitur ini tidak hanya mendukung kontrol pengguna terhadap konten yang diputar, tetapi juga memberikan fleksibilitas dalam mengatur bagaimana konten multimedia ditampilkan dan didengar. Dengan memanfaatkan teknologi yang ada, pengalaman pengguna dapat ditingkatkan secara signifikan, menciptakan halaman web yang lebih ramah dan inklusif untuk berbagai jenis pengguna.

Selain memberikan kenyamanan, pembisuan suara juga dapat meningkatkan profesionalisme sebuah laman web. Ketika sebuah halaman memiliki elemen audio yang diatur dengan baik, pengguna akan merasa lebih dihargai karena tidak dipaksa untuk mendengarkan suara yang mungkin tidak sesuai dengan preferensi atau situasi. Dalam banyak kasus, suara yang tiba-tiba muncul tanpa pemberitahuan dapat menciptakan kesan kurang profesional dan membuat pengguna menutup halaman tersebut sebelum sempat menjelajahi kontennya. Oleh karena itu, pengembang harus mempertimbangkan fitur ini sebagai bagian integral dari desain pengalaman pengguna.

Penerapan fitur ini juga sangat relevan dalam konteks globalisasi dan kebutuhan untuk menjangkau audiens yang lebih luas. Dalam budaya atau lingkungan tertentu, suara yang keras atau tiba-tiba mungkin dianggap mengganggu, bahkan tidak sopan. Sebagai contoh, dalam situasi kerja di kantor atau tempat umum, suara dari sebuah laman web yang tidak dapat dibisukan bisa menciptakan gangguan bagi orang lain di sekitar. Dengan menyediakan kontrol pembisuan suara, pengembang menunjukkan kepedulian terhadap konteks penggunaan laman dan menciptakan solusi yang lebih adaptif terhadap kebutuhan pengguna.

Selain atribut bawaan untuk membisukan suara, pengembang juga dapat mengintegrasikan fitur ini dengan elemen lain pada laman, seperti tombol kendali atau ikon yang mudah dikenali. Tombol kendali suara ini dapat ditempatkan secara strategis agar mudah diakses, sehingga pengguna dapat dengan cepat membisukan atau mengaktifkan kembali suara sesuai kebutuhan. Hal ini tidak hanya meningkatkan fungsionalitas laman, tetapi juga memberikan pengalaman yang lebih intuitif dan ramah pengguna.

Lebih jauh lagi, pembisuan suara juga memainkan peran penting dalam meningkatkan efisiensi penggunaan sumber daya. Pada beberapa perangkat, pemutaran audio yang terus-menerus dapat meningkatkan konsumsi daya baterai atau memperlambat kinerja perangkat. Dengan membisukan audio ketika tidak dibutuhkan, laman web dapat membantu menghemat sumber daya perangkat pengguna. Ini menjadi nilai tambah bagi pengembang yang ingin menciptakan laman yang tidak hanya ramah pengguna tetapi juga efisien secara teknis.

Dalam lingkungan pendidikan atau pelatihan, fitur pembisuan suara juga memiliki peran yang signifikan. Dalam banyak kasus, pembelajaran daring menggunakan elemen audio dan video sebagai bagian dari materi yang disampaikan. Dengan adanya kemampuan untuk membisukan suara, peserta didik dapat lebih fokus pada aspek visual dari materi tanpa terganggu oleh elemen audio, terutama ketika konten tersebut diputar dalam kondisi kelompok atau di tempat umum. Hal ini memungkinkan pembelajaran menjadi lebih fleksibel dan dapat disesuaikan dengan kebutuhan individu.

Lebih dari sekadar kenyamanan, fitur pembisuan suara juga mendukung pengembangan laman yang sesuai dengan peraturan atau standar tertentu. Beberapa yurisdiksi memiliki aturan tentang penggunaan suara pada konten digital, terutama dalam kaitannya dengan iklan. Penggunaan suara yang tidak dapat dikendalikan oleh pengguna dapat dianggap melanggar aturan tentang kenyamanan dan privasi. Dengan memberikan kontrol pembisuan suara, laman web dapat memenuhi persyaratan hukum sekaligus menjaga reputasi pengembang atau organisasi yang mengelolanya.

Pada akhirnya, integrasi fitur pembisuan suara ke dalam elemen audio pada laman web mencerminkan perhatian terhadap detail dan kebutuhan pengguna yang beragam. Fitur ini bukan hanya sebuah tambahan kecil, tetapi merupakan elemen penting yang berkontribusi pada kesan keseluruhan dari sebuah laman. Pengembang yang peduli terhadap pengalaman pengguna akan selalu mencari cara untuk meningkatkan kenyamanan, efisiensi, dan inklusivitas dari konten yang disajikan. Dengan memahami dan menerapkan teknologi yang mendukung kontrol audio secara efektif, laman web dapat menjadi lebih relevan, adaptif, dan menyenangkan untuk diakses oleh semua kalangan.

Artikel ini akan dibaca oleh: Shiqta Azzahra Pramanaputri, Shyfau Ramadhani, Silvia Dwi Suryani, Silviya Qothrunnada, dan Siti Aisah Rahmaniah.
Location: Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Membisukan Suara HTML Menggunakan Audio Muted DOM"

  1. AnonimRabu, 14 Desember 2022 pukul 14.02.00 WIB

    Jenis browser apa saja yang dapat digunakan oleh sumanto untuk membisukan audio pada browser?

    BalasHapus
    Balasan
    1. AnonimRabu, 14 Desember 2022 pukul 14.03.00 WIB

      Sumantor dapat membisukan beberapa audio dengan menggunakan beberapa jenis browser berikut:
      1> Google Chrome
      2> Internet Explorer
      3> Firefox
      4> Apple Safari
      5> Opera

      Hapus
  2. AnonimSelasa, 03 Januari 2023 pukul 22.09.00 WIB

    Apa yang dimaksud dengan properti audio muted DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimSelasa, 03 Januari 2023 pukul 22.09.00 WIB

      Properti muted DOM pada HTML merupakan properti yang digunakan untuk menyetel atau mengembalikan suatu nilai dari file audio atau video untuk dibisukan suaranya.

      Hapus
    2. AnonimSelasa, 03 Januari 2023 pukul 22.09.00 WIB

      Properti muted adalah properti tipe boolean yang akan aktif ketika user menggunakan properti tersebut untuk menentukan kondisi audio dari file audio atau file video harus dibisukan atau tidak.

      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 -