' mykistetty ”-ominaisuuden avulla kehittäjät voivat ohjata äänen toistoa tarjoamalla heille mahdollisuuden mykistää tai poistaa äänen tarpeidensa mukaan. Tarjoamalla käyttäjille vapauden mykistää tai poistaa mykistyksen parantaa heidän selauskokemustaan. Lisäksi JavaScriptin käyttö mahdollistaa dynaamisen ohjauksen, joka tarjoaa paremman äänen hallinnan.
Tässä artikkelissa kuvataan HTML DOM -äänen mykistysominaisuuden käyttöä JavaScriptin avulla.
Kuinka käyttää HTML DOM -äänen mykistettyä ominaisuutta JavaScriptissä?
' mykistetty '-ominaisuutta käytetään usein mykistämään tai poistamaan mykistys verkkosivulla. Kun ' audio.mykistetty ' omaisuus on asetettu ' totta ', ääni mykistetään, ja mykistyksen poistamiseksi ' mykistetty ' omaisuus on määritettävä ' väärä ”. Lisäksi mykistetty ominaisuus on integroitu muihin mediaohjaimiin ja mahdollistaa selainyhteensopivuuden.
Syntaksi
JavaScriptin HTML DOM -äänen mykistysominaisuuden syntaksi on ilmoitettu alla:
valittuObj.mykistetty = totta | väärä
Missä ' valittuObj ” on mikä tahansa äänitiedosto, jonka ääni mykistetään. Tämä ominaisuus voi tallentaa vain kaksi arvoa: ' totta ' tai ' väärä ”. Jos tämän ominaisuuden arvoksi on asetettu tosi, äänitiedosto mykistetään ja päinvastoin.
Käydään nyt läpi joitain esimerkkejä, jotta ymmärrämme paremmin HTML DOM: n mykistetty ” omaisuutta.
Esimerkki 1: Äänitiedoston mykistäminen
Tässä esimerkissä valittu tiedosto mykistetään käyttämällä ' mykistetty ” omaisuutta. Käy esimerkiksi alla olevassa koodilohkossa:
< div >< h2 tyyli = 'väri: merenvihreä;' > DOM-äänen mykistetty ominaisuus h2 >< br >
< audio id = 'demoAudio' säätimet >
< lähde src = 'audio.mp3' tyyppi = 'audio/mpeg' >
audio >
< br >
< -painiketta klikkaamalla = 'muteSetter()' > Aseta mykistystilaan -painiketta >
div >
< käsikirjoitus >
antaa c = document.getElementById ( 'demoAudio' ) ;
toiminto mykistysasetus ( ) {
c.mykistetty = totta ;
hälytys ( 'Mykistetty onnistuneesti!' )
}
käsikirjoitus >
Koodin selitys:
-
- Ensinnäkin vanhempi' div '-elementti luodaan, joka sisältää ' <ääni> '-tunniste tunnuksella ' demoAudio ”. Tämä elementti sisältää yhden ' lähde ”-elementti, joka sisältää valitun äänitiedoston osoitteen tyypin kanssa.
- Seuraavaksi luodaan painike, joka kutsuu ' mykistysasetus() ' -toimintoa käyttämällä ' klikkaamalla ”tapahtuman kuuntelija.
- Kirjoita sitten '