' ztlumený ” umožňuje vývojářům ovládat přehrávání zvuku tím, že jim poskytuje možnost ztlumit nebo zapnout zvuk podle jejich potřeb. Poskytnutí možnosti koncovým uživatelům ztlumit nebo zapnout zvuk vylepšuje jejich zážitek z prohlížení. Kromě toho použití JavaScriptu umožňuje dynamické ovládání, které poskytuje lepší kontrolu nad přehráváním zvuku.
Tento článek popisuje použití vlastnosti ztlumení zvuku HTML DOM pomocí JavaScriptu.
Jak používat vlastnost ztlumeného zvuku HTML DOM v JavaScriptu?
' ztlumený ” se často používá ke ztlumení nebo zapnutí zvuku na webové stránce. Když hodnota „ zvuk.vypnut “ vlastnost je nastavena jako “ skutečný “, zvuk se ztlumí a pro jeho ztlumení se zobrazí „ ztlumený vlastnost musí být nastavena jako Nepravdivé “. Ztlumená vlastnost má navíc integraci s jinými ovládacími prvky médií a umožňuje kompatibilitu mezi různými prohlížeči.
Syntax
Syntaxe vlastnosti zvuku HTML DOM v JavaScriptu je uvedena níže:
selectedObj.muted = skutečný | Nepravdivé
kde ' vybranýObj ” je jakýkoli zvukový soubor, jehož zvuk bude ztlumen. Tato vlastnost může uložit pouze dvě hodnoty: ' skutečný “ nebo „ Nepravdivé “. Pokud je tato vlastnost nastavena na hodnotu true, zvukový soubor se ztlumí a naopak.
Nyní si projdeme několik příkladů pro lepší pochopení HTML DOM “ ztlumený ' vlastnictví.
Příklad 1: Ztlumení zvukového souboru
V tomto příkladu bude vybraný soubor ztlumen pomocí „ ztlumený ' vlastnictví. Navštivte například níže uvedený blok kódu:
< div >< h2 styl = 'barva: seagreen;' > Vlastnost ztlumeného zvuku DOM h2 < br >
< Zvuk id = 'demoAudio' řízení >
< zdroj src = 'audio.mp3' typ = 'audio/mpeg' >
Zvuk >
< br >
< knoflík při kliknutí = 'muteSetter()' > Nastavte na Ztlumit knoflík >
div >
< skript >
nechat c = document.getElementById ( 'demoAudio' ) ;
funkce muteSetter ( ) {
c.ztlumený = skutečný ;
upozornění ( 'Úspěšně ztlumeno!' )
}
skript >
Vysvětlení kódu:
-
- Za prvé, rodič' div je vytvořen prvek , který obsahuje ” tag s ID “ demoAudio “. Tento prvek obsahuje jeden „ zdroj ” prvek, který obsahuje adresu vybraného zvukového souboru spolu s jeho typem.
- Dále se vytvoří tlačítko, které vyvolá „ muteSetter() “ pomocí funkce “ při kliknutí “ posluchač události.
- Poté zadejte „ “ a uložte odkaz na prvek „audio“ do proměnné s názvem „ C “.
- Poté se „ muteSetter() Funkce je vytvořena pro nastavení hodnoty pro ztlumený „vlastnost na“ skutečný “. Tím se zvuk ztlumí a také se odpovídajícím způsobem zobrazí zpráva v poli výstrahy.
Po kompilaci:
Výše uvedený gif ukazuje, že zvuk byl ztlumen pomocí vlastnosti muted.
Příklad: Ztlumit a zapnout zvuk pomocí vlastnosti ztlumení
V tomto příkladu bude vybraný zvukový soubor ztlumen, zrušen a jeho aktuální stav bude načten pomocí „ ztlumený ' vlastnictví. Navštivte například níže uvedený kód:
< div >< Zvuk id = 'demoAudio' řízení >
< zdroj src = 'audio.mp3' typ = 'audio/mpeg' >
Zvuk < br >
< knoflík při kliknutí = 'Ztlumit()' > Ztlumit zvuk knoflík >
< knoflík při kliknutí = 'unMute()' > Zapnout zvuk knoflík >
< knoflík při kliknutí = 'muteStatus()' > Stav ztlumení knoflík >
div >
< skript >
var z = document.getElementById ( 'demoAudio' ) ;
funkce Ztlumit ( ) {
z.ztlumený = skutečný ;
}
funkce ztlumit ( ) {
z.ztlumený = Nepravdivé ;
}
funkce muteStatus ( ) {
upozornění ( z.ztlumený ) ;
}
skript >
Vysvětlení výše uvedeného kódu je následující:
-
- Nejprve se zvukový soubor vloží na webovou stránku pomocí HTML „ ' a '
” tagy. - Poté se vytvoří tři tlačítka, která volají funkce s názvem „ Ztlumit() “, “ ztlumit() ', a ' muteStatus() “. Tyto funkce jsou vyvolány, když uživatel klikne na odpovídající tlačítka.
- Dále definujte tyto funkce nastavením hodnot true a false pro „ Ztlumit() ' a ' unmute() “ funkce. Pro ' muteStatus() “, připojte pouze “ ztlumený ” s odkazem na zvuk pro získání aktuálního stavu vlastnosti ztlumení.
- Nejprve se zvukový soubor vloží na webovou stránku pomocí HTML „ ' a '
Po kompilaci bude výstup následující:
Výstup ukazuje, že zvukový soubor je ztlumen, zrušen a jeho stav je také kontrolován pomocí „ ztlumený ' vlastnictví.
Závěr
Vlastnost ztlumení zvuku HTML DOM se používá tak, že nejprve vložíte zvukový soubor na webovou stránku pomocí HTML „ Zvuk ' a ' zdroj ' Prvky. Poté je odkaz na tento zvuk uložen v proměnné uvnitř kódu JavaScript a „ ztlumený “ je k němu připojena vlastnost. Aby byl zvuk ztlumen, je tato vlastnost nastavena na „ skutečný ' a ' Nepravdivé ” pro scénáře se ztlumením. Tento blog demonstroval pracovní proces vlastnosti ztlumeného zvuku DOM.