' stlmené ” umožňuje vývojárom ovládať prehrávanie zvuku tým, že im poskytuje možnosť stlmiť alebo zapnúť zvuk podľa ich potrieb. Poskytnutie možnosti koncovým používateľom stlmiť alebo zapnúť zvuk zlepšuje ich zážitok z prehliadania. Použitie JavaScriptu navyše umožňuje dynamické ovládanie, ktoré poskytuje lepšiu kontrolu nad prehrávaním zvuku.
Tento článok popisuje použitie vlastnosti stlmeného zvuku HTML DOM pomocou JavaScriptu.
Ako používať vlastnosť stlmeného zvuku HTML DOM v JavaScripte?
' stlmené ” sa často používa na stlmenie alebo zapnutie zvuku na webovej stránke. Keď hodnota „ zvuk.vypnutý vlastnosť je nastavená ako pravda “, zvuk sa stlmí a ak ho chcete zapnúť, „ stlmené “vlastnosť musí byť nastavená ako “ falošný “. Okrem toho má stlmená vlastnosť integráciu s inými ovládacími prvkami médií a umožňuje kompatibilitu medzi prehliadačmi.
Syntax
Syntax vlastnosti stlmeného zvuku HTML DOM v jazyku JavaScript je uvedená nižšie:
selectedObj.muted = pravda | falošný
Kde ' vybratýObj “ je akýkoľvek zvukový súbor, ktorého zvuk bude stlmený. Táto vlastnosť môže uložiť iba dve hodnoty: “ pravda “ alebo „ falošný “. Ak je táto vlastnosť nastavená na true, zvukový súbor sa stlmí a naopak.
Teraz si prejdime niekoľko príkladov pre lepšie pochopenie HTML DOM “ stlmené ' nehnuteľnosť.
Príklad 1: Stlmenie zvukového súboru
V tomto príklade bude vybraný súbor stlmený pomocou „ stlmené ' nehnuteľnosť. Navštívte napríklad nižšie uvedený blok kódu:
< div >< h2 štýl = 'farba: morská zelená;' > Vlastnosť s vypnutým zvukom DOM h2 < br >
< audio id = 'demoAudio' ovládacie prvky >
< zdroj src = 'audio.mp3' typu = 'audio/mpeg' >
audio >
< br >
< tlačidlo po kliknutí = 'muteSetter()' > Nastavte na Stlmiť tlačidlo >
div >
< skript >
nech c = document.getElementById ( 'demoAudio' ) ;
funkciu muteSetter ( ) {
c.tlmené = pravda ;
upozorniť ( 'Úspešne stlmené!' )
}
skript >
Vysvetlenie kódu:
-
- Po prvé, rodič' div Vytvorí sa prvok „, ktorý obsahuje „ ” tag s ID “ demoAudio “. Tento prvok obsahuje jeden „ zdroj ” prvok, ktorý obsahuje adresu vybraného zvukového súboru spolu s jeho typom.
- Ďalej sa vytvorí tlačidlo, ktoré vyvolá „ muteSetter() “ pomocou funkcie “ po kliknutí “ poslucháč udalosti.
- Potom zadajte „ “ a uložte odkaz na prvok „audio“ do premennej s názvom „ c “.
- Potom sa „ muteSetter() ” je vytvorená funkcia na nastavenie hodnoty pre “ stlmené “vlastnosť na “ pravda “. Týmto sa zvuk stlmí a príslušná správa sa zobrazí aj vo výstražnom poli.
Po kompilácii:
Vyššie uvedený gif ukazuje, že zvuk bol stlmený pomocou vlastnosti stlmenia.
Príklad: Vypnutie a zapnutie zvuku pomocou vlastnosti stlmenia
V tomto príklade sa vybraný zvukový súbor stlmí, zruší sa jeho stlmenie a jeho aktuálny stav sa získa pomocou „ stlmené ' nehnuteľnosť. Navštívte napríklad nasledujúci kód:
< div >< audio id = 'demoAudio' ovládacie prvky >
< zdroj src = 'audio.mp3' typu = 'audio/mpeg' >
audio < br >
< tlačidlo po kliknutí = 'Stlmiť()' > Stlmiť zvuk tlačidlo >
< tlačidlo po kliknutí = 'unMute()' > Zapnúť zvuk tlačidlo >
< tlačidlo po kliknutí = 'muteStatus()' > Stav ignorovania tlačidlo >
div >
< skript >
var z = document.getElementById ( 'demoAudio' ) ;
funkciu Stlmiť ( ) {
z.muted = pravda ;
}
funkciu zrušiť stlmenie ( ) {
z.muted = falošný ;
}
funkciu muteStatus ( ) {
upozorniť ( z.tlmené ) ;
}
skript >
Vysvetlenie vyššie uvedeného kódu je nasledovné:
-
- Najprv sa zvukový súbor vloží na webovú stránku pomocou kódu HTML „ “ a „
'značky.' - Potom sa vytvoria tri tlačidlá, ktoré volajú funkcie s názvom „ Stlmiť() “, “ zrušiť stlmenie() “ a „ muteStatus() “. Tieto funkcie sa vyvolajú, keď používateľ klikne na príslušné tlačidlá.
- Ďalej definujte tieto funkcie nastavením hodnôt true a false pre „ Stlmiť() “ a „ zrušiť stlmenie() funkcie. Pre ' muteStatus() “, pripojte iba “ stlmené ” s odkazom na zvuk na získanie aktuálneho stavu vlastnosti stlmenia.
- Najprv sa zvukový súbor vloží na webovú stránku pomocou kódu HTML „ “ a „
Po kompilácii bude výstup nasledovný:
Výstup ukazuje, že zvukový súbor je stlmený, zrušený a jeho stav sa tiež kontroluje pomocou „ stlmené ' nehnuteľnosť.
Záver
Vlastnosť stlmenia zvuku HTML DOM sa používa tak, že najskôr vložíte zvukový súbor na webovú stránku pomocou HTML „ audio “ a „ zdroj “prvky. Potom sa odkaz na tento zvuk uloží do premennej vo vnútri kódu JavaScript a „ stlmené ” je k nemu pripojená nehnuteľnosť. Ak chcete stlmiť zvuk, táto vlastnosť je nastavená na „ pravda “ a „ falošný ” pre scenáre so zrušením stlmenia. Tento blog demonštroval pracovný proces vlastnosti stlmeného zvuku DOM.