« dempet ”-egenskapen lar utviklere kontrollere lydavspillingen ved å gi dem muligheten til å dempe eller slå på lyden i henhold til deres behov. Å gi sluttbrukere friheten til å dempe eller slå på lyden forbedrer nettleseropplevelsen deres. I tillegg muliggjør bruk av JavaScript dynamisk kontroll som gir bedre kontroll over lydavspillingen.
Denne artikkelen vil beskrive bruken av HTML DOM-lyddempet eiendom ved bruk av JavaScript.
Hvordan bruke HTML DOM Audio Muted Property i JavaScript?
« dempet ”-egenskapen brukes ofte til å dempe eller slå på lyden på en nettside. Når verdien av ' lyd.dempet egenskapen er satt som ekte ”, blir lyden dempet, og for å slå på lyden, dempet ' egenskapen må settes som ' falsk '. I tillegg har den dempede egenskapen integrasjon med andre mediekontroller og tillater kompatibilitet på tvers av nettlesere.
Syntaks
Syntaksen for HTML DOM lyddempet egenskap i JavaScript er angitt nedenfor:
valgtObj.muted = ekte | falsk
Hvor ' valgtObj ” er enhver lydfil hvis lyd skal dempes. Denne egenskapen kan bare lagre to verdier: ' ekte ' eller ' falsk '. Hvis denne egenskapen er satt til sann, blir lydfilen dempet og omvendt.
La oss nå gå gjennom noen eksempler for en bedre forståelse av HTML DOM ' dempet ' eiendom.
Eksempel 1: Demping av lydfilen
I dette eksemplet vil den valgte filen bli dempet ved å bruke ' dempet ' eiendom. Gå for eksempel til kodeblokken nedenfor:
< div >< h2 stil = 'farge: sjøgrønn;' > DOM-lyd dempet egenskap h2 >< br >
< lyd id = 'demoAudio' kontroller >
< kilde src = 'audio.mp3' type = 'lyd/mpeg' >
lyd >
< br >
< knapp ved trykk = 'muteSetter()' > Sett til Demp knapp >
div >
< manus >
la c = document.getElementById ( 'demoAudio' ) ;
funksjon muteSetter ( ) {
c.dempet = ekte ;
varsling ( 'Dempet!' )
}
manus >
Forklaring av koden:
-
- Først forelderen ' div '-elementet er opprettet som inneholder '
' tag med en id på ' demoAudio '. Dette elementet inneholder en enkelt ' kilde ”-element som inneholder adressen til den valgte lydfilen sammen med typen. - Deretter opprettes knappen som påkaller ' muteSetter() '-funksjonen ved å bruke ' ved trykk ” hendelseslytter.
- Deretter skriver du inn '
- Først forelderen ' div '-elementet er opprettet som inneholder '