' vaigistatud ” atribuut võimaldab arendajatel juhtida heli taasesitust, pakkudes neile võimalust vastavalt oma vajadustele heli vaigistada või vaigistada. Lõppkasutajatele vabaduse pakkumine heli vaigistamiseks või vaigistuse tühistamiseks parandab nende sirvimiskogemust. Lisaks võimaldab JavaScripti kasutamine dünaamilist juhtimist, mis tagab parema kontrolli heli taasesituse üle.
Selles artiklis kirjeldatakse HTML DOM-i heli vaigistatud atribuudi kasutamist JavaScripti abil.
Kuidas kasutada JavaScriptis HTML DOM-i heli vaigistatud atribuuti?
' vaigistatud ” atribuuti kasutatakse sageli veebilehe heli vaigistamiseks või vaigistuse tühistamiseks. Kui väärtuse ' heli.vaigistatud ' atribuut on määratud kui ' tõsi ”, heli vaigistatakse ja selle vaigistuse tühistamiseks vaigistatud ' atribuut tuleb määrata kui ' vale ”. Lisaks on vaigistatud atribuut integreeritav teiste meediumi juhtelementidega ja võimaldab brauseritevahelist ühilduvust.
Süntaks
HTML DOM-i heli vaigistatud atribuudi süntaks JavaScriptis on toodud allpool:
selectObj.muted = tõsi | vale
Kus ' valitudObj ” on mis tahes helifail, mille heli vaigistatakse. See atribuut võib salvestada ainult kahte väärtust: ' tõsi ” või „ vale ”. Kui see atribuut on seatud väärtusele Tõene, vaigistatakse helifail ja vastupidi.
Nüüd vaatame läbi mõned näited, et HTML DOM-i paremini mõista. vaigistatud ” vara.
Näide 1: helifaili vaigistamine
Selles näites vaigistatakse valitud fail kasutades ' vaigistatud ” vara. Näiteks külastage allolevat koodiplokki:
< div >< h2 stiilis = 'värv: mereroheline;' > DOM-i heli vaigistatud atribuut h2 >< br >
< heli id = 'demoAudio' juhtnupud >
< allikas src = 'audio.mp3' tüüp = 'audio/mpeg' >
heli >
< br >
< nuppu onclick = 'muteSetter()' > Seadke vaigistus nuppu >
div >
< stsenaarium >
lase c = document.getElementById ( 'demoAudio' ) ;
funktsiooni vaigistaja ( ) {
c.vaigistatud = tõsi ;
hoiatus ( 'Eduselt vaigistatud!' )
}
stsenaarium >
Koodi selgitus:
-
- Esiteks, vanem ' div Luuakse element ', mis sisaldab '
' silt ID-ga ' demoAudio ”. See element sisaldab ühte ' allikas ” element, mis sisaldab valitud helifaili aadressi koos selle tüübiga. - Järgmisena luuakse nupp, mis kutsub esile ' vaigistaja() ' funktsiooni kasutades ' onclick ” sündmuste kuulaja.
- Seejärel sisestage '
- Esiteks, vanem ' div Luuakse element ', mis sisaldab '