El ' silenciat ” La propietat permet als desenvolupadors controlar la reproducció d'àudio proporcionant-los una opció per silenciar o desactivar l'àudio segons les seves necessitats. Oferir als usuaris finals la llibertat de silenciar o activar l'àudio millora la seva experiència de navegació. A més, l'ús de JavaScript permet un control dinàmic que proporciona un millor control sobre la reproducció d'àudio.
Aquest article descriurà l'ús de la propietat silenciada d'àudio DOM HTML mitjançant JavaScript.
Com utilitzar la propietat silenciada d'àudio DOM HTML a JavaScript?
El ' silenciat La propietat s'utilitza sovint per silenciar o activar el silenci de l'àudio d'una pàgina web. Quan el valor de ' àudio.silenciat La propietat s'estableix com a veritat ”, l'àudio es silencia i, per activar-lo, el “ silenciat La propietat s'ha de definir com a fals ”. A més, la propietat silenciada s'integra amb altres controls multimèdia i permet la compatibilitat entre navegadors.
Sintaxi
La sintaxi de la propietat silenciada d'àudio DOM HTML a JavaScript s'indica a continuació:
selectedObj.muted = veritat | fals
On ' seleccionatObj ” és qualsevol fitxer d'àudio l'àudio del qual es silenciarà. Aquesta propietat només pot emmagatzemar dos valors: ' veritat ' o ' fals ”. Si aquesta propietat s'estableix en true, el fitxer d'àudio queda silenciat i viceversa.
Ara, passem per alguns exemples per entendre millor el DOM HTML ' silenciat ' propietat.
Exemple 1: silenciar el fitxer d'àudio
En aquest exemple, el fitxer seleccionat es silenciarà amb el botó “ silenciat ' propietat. Per exemple, visiteu el bloc de codi següent:
< div >< h2 estil = 'color: verd marí;' > Propietat silenciada d'àudio DOM h2 >< br >
< àudio id = 'demoAudio' controls >
< font src = 'àudio.mp3' tipus = 'àudio/mpeg' >
àudio >
< br >
< botó fent clic = 'muteSetter()' > Estableix en Silenciar botó >
div >
< guió >
deixar c = document.getElementById ( 'demoAudio' ) ;
funció muteSetter ( ) {
c.mutat = veritat ;
alerta ( 'Silenciat amb èxit!' )
}
guió >
Explicació del codi:
-
- En primer lloc, els pares ' div ' es crea l'element que conté el ' <àudio> 'etiqueta amb un identificador de ' demoAudio ”. Aquest element conté un sol ' font ” element que conté l'adreça del fitxer d'àudio seleccionat juntament amb el seu tipus.
- A continuació, es crea el botó que invoca el ' muteSetter() ” amb la funció “ fent clic ” oient d'esdeveniments.
- A continuació, introduïu el '