De ' gedempt Met deze eigenschap kunnen ontwikkelaars het afspelen van audio regelen door hen een optie te bieden om de audio te dempen of dempen op te heffen, afhankelijk van hun behoeften. Door eindgebruikers de vrijheid te geven om de audio te dempen of op te heffen, wordt hun browse-ervaring verbeterd. Bovendien maakt het gebruik van JavaScript dynamische controle mogelijk die een betere controle over het afspelen van audio biedt.
Dit artikel beschrijft het gebruik van de HTML DOM-eigenschap audio gedempt met behulp van JavaScript.
Hoe HTML DOM Audio Muted Property in JavaScript te gebruiken?
De ' gedempt ”-eigenschap wordt vaak gebruikt om de audio op een webpagina te dempen of de demping op te heffen. Wanneer de waarde van de “ audio.gedempt 'eigenschap is ingesteld als' WAAR ”, wordt de audio gedempt, en om het dempen op te heffen, wordt de “ gedempt 'eigenschap moet worden ingesteld als' vals ”. Bovendien heeft de gedempte eigenschap integratie met andere mediabedieningen en is compatibiliteit tussen browsers mogelijk.
Syntaxis
De syntaxis voor de eigenschap HTML DOM audio gedempt in JavaScript wordt hieronder vermeld:
geselecteerdeObj.muted = WAAR | vals
Waar ' geselecteerdObj ' is elk audiobestand waarvan de audio wordt gedempt. Deze eigenschap kan slechts twee waarden opslaan: “ WAAR ' of ' vals ”. Als deze eigenschap is ingesteld op true, wordt het audiobestand gedempt en omgekeerd.
Laten we nu enkele voorbeelden bekijken voor een beter begrip van de HTML DOM ' gedempt ' eigendom.
Voorbeeld 1: Het audiobestand dempen
In dit voorbeeld wordt het geselecteerde bestand gedempt met behulp van de “ gedempt ' eigendom. Bezoek bijvoorbeeld het onderstaande codeblok:
< div >< h2 stijl = 'kleur: zeegroen;' > DOM Audio gedempte eigenschap h2 >< br >
< geluid ID kaart = 'demoAudio' controles >
< bron src = 'audio.mp3' type = 'audio/mpeg' >
geluid >
< br >
< knop bij klikken = 'muteSetter()' > Stel in op Dempen knop >
div >
< script >
laten c = document.getElementById ( 'demoAudio' ) ;
functie muteSetter ( ) {
c.gedempt = WAAR ;
alert ( 'Succesvol gedempt!' )
}
script >
Uitleg van de code:
-
- Eerst de ouder “ div Er wordt een element gemaakt dat de tekst ' 'tag met de id ' demoAudio ”. Dit element bevat een enkele “ bron ”-element dat het adres van het geselecteerde audiobestand bevat, samen met het type ervan.
- Vervolgens wordt de knop gemaakt die de “ muteSetter() ”-functie met behulp van de “ bij klikken gebeurtenisluisteraar.
- Voer vervolgens de “