„ nutildytas ypatybė leidžia kūrėjams valdyti garso atkūrimą suteikiant jiems galimybę nutildyti arba įjungti garsą pagal savo poreikius. Suteikus galutiniams vartotojams laisvę nutildyti arba įjungti garsą, pagerėja jų naršymo patirtis. Be to, JavaScript naudojimas įgalina dinaminį valdymą, kuris leidžia geriau valdyti garso atkūrimą.
Šiame straipsnyje aprašomas HTML DOM garso nutildytos nuosavybės naudojimas naudojant JavaScript.
Kaip naudoti HTML DOM garso nutildytą nuosavybę „JavaScript“?
„ nutildytas “ ypatybė dažnai naudojama norint nutildyti arba įjungti garsą tinklalapyje. Kai „ garsas.nutildytas ypatybė nustatyta kaip „ tiesa “, garsas nutildomas, o norėdami jį įjungti, „ nutildytas 'ypatybę reikia nustatyti kaip ' klaidinga “. Be to, nutildyta nuosavybė yra integruota su kitais medijos valdikliais ir leidžia suderinti kelias naršykles.
Sintaksė
„JavaScript“ HTML DOM garso nutildytos nuosavybės sintaksė nurodyta toliau:
pasirinktasObj.nutildytas = tiesa | klaidinga
kur “ pasirinktasObj “ yra bet koks garso failas, kurio garsas bus nutildytas. Ši savybė gali saugoti tik dvi reikšmes: „ tiesa “ arba „ klaidinga “. Jei ši ypatybė nustatyta į „true“, garso failas nutildomas ir atvirkščiai.
Dabar pažvelkime į keletą pavyzdžių, kad geriau suprastume HTML DOM. nutildytas ' nuosavybė.
1 pavyzdys: garso failo nutildymas
Šiame pavyzdyje pasirinktas failas bus nutildytas naudojant „ nutildytas ' nuosavybė. Pavyzdžiui, apsilankykite toliau pateiktame kodo bloke:
< div >< h2 stilius = 'spalva: jūros žalia;' > DOM garso nutildyta nuosavybė h2 >< br >
< garso id = 'demoAudio' valdikliai >
< šaltinis src = 'garsas.mp3' tipo = 'garsas/mpeg' >
garso >
< br >
< mygtuką paspaudus = 'muteSetter()' > Nutildyti mygtuką >
div >
< scenarijus >
leisti c = document.getElementById ( 'demoAudio' ) ;
funkcija nutildymas ( ) {
c.nutildytas = tiesa ;
budrus ( 'Sėkmingai nutildytas!' )
}
scenarijus >
Kodo paaiškinimas:
-
- Pirma, tėvas “ div Sukuriamas elementas, kuriame yra „
' žyma su ID ' demoAudio “. Šiame elemente yra vienas „ šaltinis “ elementas, kuriame yra pasirinkto garso failo adresas ir jo tipas. - Tada sukuriamas mygtukas, kuris iškviečia „ muteSetter() “ funkcija naudojant „ paspaudus “ įvykių klausytojas.
- Tada įveskite „ “ žymą ir išsaugokite „garso“ elemento nuorodą kintamajame pavadinimu „ c “.
- Po to „ muteSetter() „“ funkcija yra sukurta norint nustatyti „ nutildytas ' nuosavybė ' tiesa “. Taip nutildomas garsas ir atitinkamai rodomas pranešimas įspėjimo laukelyje.
- Pirma, tėvas “ div Sukuriamas elementas, kuriame yra „
Po kompiliacijos:
Aukščiau pateiktas GIF rodo, kad garsas buvo nutildytas naudojant nutildymo ypatybę.
Pavyzdys: nutildyti ir įjungti garsą naudojant nutildytą nuosavybę
Šiame pavyzdyje pasirinktas garso failas bus nutildytas, įjungtas, o dabartinė jo būsena bus nuskaityta naudojant „ nutildytas ' nuosavybė. Pavyzdžiui, apsilankykite toliau pateiktu kodu:
< div >< garso id = 'demoAudio' valdikliai >
< šaltinis src = 'garsas.mp3' tipo = 'garsas/mpeg' >
garso >< br >
< mygtuką paspaudus = 'Nutildyti ()' > Nutildyti garsą mygtuką >
< mygtuką paspaudus = 'UnMute()' > Įjungti garsą mygtuką >
< mygtuką paspaudus = 'muteStatus()' > Nutildymo būsena mygtuką >
div >
< scenarijus >
var z = document.getElementById ( 'demoAudio' ) ;
funkcija Nutildyti ( ) {
z.nutildytas = tiesa ;
}
funkcija įjungti garsą ( ) {
z.nutildytas = klaidinga ;
}
funkcija muteStatus ( ) {
budrus ( z.nutildytas ) ;
}
scenarijus >
Aukščiau pateikto kodo paaiškinimas yra toks:
-
- Pirma, garso failas įterpiamas į tinklalapį naudojant HTML '
“ ir „ <šaltinis> “ žymas. - Tada sukuriami trys mygtukai, kurie iškviečia funkcijas, pavadintas ' Nutildyti () “, „ įjungti garsą () “ ir „ muteStatus () “. Šios funkcijos iškviečiamos, kai vartotojas spusteli atitinkamus mygtukus.
- Tada apibrėžkite šias funkcijas, nustatydami „true“ ir „false“ reikšmes Nutildyti () “ ir „ įjungti garsą () “ funkcijas. Už ' muteStatus () “ funkciją, prijunkite tik „ nutildytas ” ypatybę su garso nuoroda, kad gautumėte dabartinę nutildymo ypatybės būseną.
- Pirma, garso failas įterpiamas į tinklalapį naudojant HTML '
Po kompiliavimo išvestis bus tokia:
Išvestis rodo, kad garso failas yra nutildytas, įjungiamas, o jo būsena taip pat tikrinama naudojant „ nutildytas ' nuosavybė.
Išvada
HTML DOM garso nutildyta nuosavybė naudojama pirmiausia įterpiant garso failą į tinklalapį naudojant HTML ' garso “ ir „ šaltinis “ elementai. Po to nuoroda į šį garso įrašą išsaugoma kintamajame „JavaScript“ kode ir „ nutildytas “ prie jo pridedamas turtas. Kad garsas būtų nutildytas, ši ypatybė nustatyta į „ tiesa “ ir „ klaidinga “, jei norite įjungti nutildymo scenarijus. Šiame tinklaraštyje parodytas DOM garso nutildytos nuosavybės veikimo procesas.