“ meredam Properti ” memungkinkan pengembang untuk mengontrol pemutaran audio dengan memberi mereka opsi untuk membisukan atau mengaktifkan audio sesuai kebutuhan mereka. Memberikan kebebasan kepada pengguna akhir untuk menonaktifkan atau mengaktifkan audio akan meningkatkan pengalaman penelusuran mereka. Selain itu, penggunaan JavaScript memungkinkan kontrol dinamis yang memberikan kontrol lebih baik atas pemutaran audio.
Artikel ini akan menjelaskan penggunaan properti mute audio HTML DOM menggunakan JavaScript.
Bagaimana Cara Menggunakan Properti Audio Muted HTML DOM di JavaScript?
“ meredam Properti ” sering digunakan untuk menonaktifkan atau mengaktifkan audio di halaman web. Ketika nilai “ audio.muted ” properti ditetapkan sebagai “ BENAR ”, audio akan dibisukan, dan untuk mengaktifkannya, tombol “ meredam ” properti perlu ditetapkan sebagai “ PALSU ”. Selain itu, properti muted memiliki integrasi dengan kontrol media lain dan memungkinkan kompatibilitas lintas-browser.
Sintaksis
Sintaks untuk properti audio HTML DOM yang dibisukan dalam JavaScript dinyatakan di bawah ini:
dipilihObj.diredam = BENAR | PALSU
Di mana ' Obj yang dipilih ” adalah file audio apa pun yang audionya akan dibisukan. Properti ini hanya dapat menyimpan dua nilai: “ BENAR ' atau ' PALSU ”. Jika properti ini disetel ke true, file audio akan dibisukan dan sebaliknya.
Sekarang, mari kita lihat beberapa contoh untuk pemahaman yang lebih baik tentang HTML DOM “ meredam ' Properti.
Contoh 1: Mematikan File Audio
Dalam contoh ini, file yang dipilih akan dibungkam menggunakan “ meredam ' Properti. Misalnya, kunjungi blok kode di bawah ini:
< div >< h2 gaya = 'warna: hijau laut;' > Properti Audio DOM Dibisukan h2 < saudara >
< audio pengenal = 'demoAudio' kontrol >
< sumber src = 'audio.mp3' jenis = 'audio/mpeg' >
audio >
< saudara >
< tombol klik = 'penyetel bisu()' > Setel ke Bisukan tombol >
div >
< naskah >
membiarkan c = dokumen.getElementById ( 'demoAudio' ) ;
fungsi penyetel bisu ( ) {
c.diredam = BENAR ;
peringatan ( 'Berhasil diredam!' )
}
naskah >
Penjelasan kode:
-
- Pertama, orang tua “ div ” elemen dibuat yang berisi “ ” tag dengan id “ demoAudio ”. Elemen ini berisi satu “ sumber elemen ” yang berisi alamat file audio yang dipilih beserta jenisnya.
- Selanjutnya, tombol dibuat yang memanggil “ penyetel bisu() ” fungsi menggunakan “ klik ” pendengar acara.
- Kemudian, masukkan “
” beri tag dan simpan referensi elemen “audio” dalam variabel bernama “ C ”. - Setelah itu, “ penyetel bisu() Fungsi ” dibuat untuk menetapkan nilai “ meredam ” properti ke “ BENAR ”. Ini mengatur audio menjadi senyap dan juga menampilkan pesan yang sesuai di kotak peringatan.
Setelah kompilasi:
Gif di atas menunjukkan bahwa audio telah dibungkam menggunakan properti muted.
Contoh: Mematikan dan Mengaktifkan Suara Audio Menggunakan Properti Muted
Dalam contoh ini, file audio yang dipilih akan dibisukan, dibunyikan, dan statusnya saat ini akan diambil dengan memanfaatkan tombol “ meredam ' Properti. Misalnya, kunjungi kode di bawah ini:
< div >< audio pengenal = 'demoAudio' kontrol >
< sumber src = 'audio.mp3' jenis = 'audio/mpeg' >
audio < saudara >
< tombol klik = 'Bisu()' > Bisukan audio tombol >
< tombol klik = 'membunyikan()' > Suarakan audio tombol >
< tombol klik = 'status bisu()' > Status bisu tombol >
div >
< naskah >
var z = dokumen.getElementById ( 'demoAudio' ) ;
fungsi Bisu ( ) {
z.diredam = BENAR ;
}
fungsi membunyikan ( ) {
z.diredam = PALSU ;
}
fungsi bisuStatus ( ) {
peringatan ( z.diredam ) ;
}
naskah >
Penjelasan kode di atas adalah sebagai berikut:
-
- Pertama, file audio disisipkan pada halaman web dengan memanfaatkan HTML “ ' Dan '
” tag. - Kemudian, tiga tombol dibuat yang memanggil fungsi bernama “ Bisu() ”, “ membunyikan() ', Dan ' status bisu() ”. Fungsi-fungsi ini dipanggil ketika pengguna mengklik tombol yang sesuai.
- Selanjutnya, tentukan fungsi-fungsi ini dengan menetapkan nilai true dan false untuk “ Bisu() ' Dan ' membunyikan() ” fungsi. Untuk ' status bisu() ” fungsi, cukup lampirkan “ meredam ” properti dengan referensi audio untuk mengambil status properti bisu saat ini.
- Pertama, file audio disisipkan pada halaman web dengan memanfaatkan HTML “ ' Dan '
Setelah dikompilasi, outputnya adalah sebagai berikut:
Outputnya menunjukkan bahwa file audio sedang dibisukan, dibunyikan, dan statusnya juga diperiksa dengan menggunakan tombol “ meredam ' Properti.
Kesimpulan
Properti HTML DOM audio muted digunakan dengan terlebih dahulu memasukkan file audio pada halaman web menggunakan HTML “ audio ' Dan ' sumber ” elemen. Setelah itu, referensi ke audio ini disimpan dalam variabel di dalam kode JavaScript dan “ meredam ” properti melekat padanya. Untuk membuat audio tidak bersuara, properti ini disetel ke “ BENAR ' Dan ' PALSU ” untuk skenario suarakan. Blog ini telah mendemonstrasikan proses kerja properti audio DOM yang dibisukan.