Ako používať vlastnosť stlmeného zvuku HTML DOM v JavaScripte?

Ako Pouzivat Vlastnost Stlmeneho Zvuku Html Dom V Javascripte



' 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 „