' utišan ” Lastnost omogoča razvijalcem, da nadzorujejo predvajanje zvoka, tako da jim ponudijo možnost izklopa ali vklopa zvoka glede na njihove potrebe. Zagotavljanje končnim uporabnikom svobode, da utišajo ali vklopijo zvok, izboljša njihovo izkušnjo brskanja. Poleg tega uporaba JavaScripta omogoča dinamičen nadzor, ki omogoča boljši nadzor nad predvajanjem zvoka.
V tem članku bo opisana uporaba lastnosti utišanega zvoka HTML DOM z uporabo JavaScripta.
Kako uporabiti lastnost utišanega zvoka HTML DOM v JavaScriptu?
' utišan Lastnost se pogosto uporablja za izklop ali vklop zvoka na spletni strani. Ko je vrednost ' zvok.utišan Lastnost je nastavljena kot prav «, se zvok utiša in za vklop zvoka uporabite » utišan ' Lastnost mora biti nastavljena kot ' lažno ”. Poleg tega ima utišana lastnost integracijo z drugimi kontrolniki predstavnosti in omogoča združljivost med brskalniki.
Sintaksa
Sintaksa za lastnost utišanega zvoka HTML DOM v JavaScriptu je navedena spodaj:
selectedObj.muted = prav | lažno
Kje ' selectedObj ” je katera koli zvočna datoteka, katere zvok bo utišan. Ta lastnost lahko shrani samo dve vrednosti: “ prav « ali » lažno ”. Če je ta lastnost nastavljena na true, se zvočna datoteka utiša in obratno.
Zdaj pa si poglejmo nekaj primerov za boljše razumevanje HTML DOM ' utišan ” lastnina.
Primer 1: Izklop zvoka zvočne datoteke
V tem primeru bo izbrana datoteka utišana z uporabo » utišan ” lastnina. Na primer, obiščite spodnji kodni blok:
< div >< h2 stil = 'barva: morsko zelena;' > Lastnost utišanega zvoka DOM h2 >< št >
< zvok id = 'demoAudio' kontrole >
< vir src = 'avdio.mp3' vrsto = 'avdio/mpeg' >
zvok >
< št >
< gumb onclick = 'muteSetter()' > Nastavite na Mute gumb >
div >
< scenarij >
pustiti c = document.getElementById ( 'demoAudio' ) ;
funkcijo muteSetter ( ) {
c.muted = prav ;
opozorilo ( 'Uspešno izklopljen zvok!' )
}
scenarij >
Razlaga kode:
-
- Prvič, starš ' div ' se ustvari element, ki vsebuje '
»oznaka z ID-jem » demoAudio ”. Ta element vsebuje en sam » vir ”, ki vsebuje naslov izbrane zvočne datoteke skupaj z njeno vrsto. - Nato se ustvari gumb, ki prikliče » muteSetter() ' z uporabo ' onclick ” poslušalec dogodkov.
- Nato vnesite »
” in shranite referenco elementa “audio” v spremenljivko z imenom “ c ”. - Po tem je ' muteSetter() ' se ustvari funkcija za nastavitev vrednosti za ' utišan » lastnost za « prav ”. S tem izklopite zvok in ustrezno prikažete sporočilo v polju z opozorilom.
- Prvič, starš ' div ' se ustvari element, ki vsebuje '
Po kompilaciji:
Zgornji gif prikazuje, da je bil zvok utišan z lastnostjo muted.
Primer: Izklop in vklop zvoka z uporabo lastnosti Muted
V tem primeru bo izbrana zvočna datoteka utišana, vklopljena, njeno trenutno stanje pa bo pridobljeno z uporabo ' utišan ” lastnina. Na primer, obiščite spodnjo kodo:
< div >< zvok id = 'demoAudio' kontrole >
< vir src = 'avdio.mp3' vrsto = 'avdio/mpeg' >
zvok >< št >
< gumb onclick = 'Izklopi zvok ()' > Izklop zvoka gumb >
< gumb onclick = 'unMute()' > Vklop zvoka gumb >
< gumb onclick = 'muteStatus()' > Izklopi status gumb >
div >
< scenarij >
var z = document.getElementById ( 'demoAudio' ) ;
funkcijo Mute ( ) {
z.muted = prav ;
}
funkcijo vklopi zvok ( ) {
z.muted = lažno ;
}
funkcijo muteStatus ( ) {
opozorilo ( z.utišan ) ;
}
scenarij >
Razlaga zgornje kode je naslednja:
-
- Najprej se zvočna datoteka vstavi na spletno stran z uporabo kode HTML '
« in » ” oznake. - Nato se ustvarijo trije gumbi, ki kličejo funkcije z imenom ' Mute() ”, “ vklopi zvok() «, in » muteStatus() ”. Te funkcije se prikličejo, ko uporabnik klikne ustrezne gumbe.
- Nato definirajte te funkcije tako, da nastavite vrednosti true in false za ' Mute() « in » vklopi zvok() ” funkcije. Za ' muteStatus() ', priložite samo ' utišan ” z zvočno referenco za pridobitev trenutnega stanja lastnosti utišanja.
- Najprej se zvočna datoteka vstavi na spletno stran z uporabo kode HTML '
Po prevajanju bo rezultat naslednji:
Izhod kaže, da je zvočna datoteka utišana, vklopljena, njeno stanje pa se prav tako preverja z uporabo » utišan ” lastnina.
Zaključek
Lastnost utišanega zvoka HTML DOM se uporablja tako, da najprej vstavite zvočno datoteko na spletno stran z uporabo kode HTML “ zvok « in » vir ” elementi. Po tem se sklic na ta zvok shrani v spremenljivko znotraj kode JavaScript in » utišan ” lastnina je povezana z njim. Če želite izklopiti zvok, je ta lastnost nastavljena na ' prav « in » lažno ” za scenarije vklopa zvoka. Ta spletni dnevnik je pokazal delovni proces lastnosti DOM utišan zvok.