A ' tompított ” tulajdonság lehetővé teszi a fejlesztők számára a hanglejátszás vezérlését azáltal, hogy lehetőséget biztosít számukra a hang némítására vagy némításának feloldására az igényeiknek megfelelően. A végfelhasználók számára a hang elnémításának vagy a némítás feloldásának szabadságának biztosítása javítja a böngészési élményt. Ezenkívül a JavaScript használata dinamikus vezérlést tesz lehetővé, amely jobb vezérlést biztosít a hanglejátszás felett.
Ez a cikk a HTML DOM hang némított tulajdonságának használatát írja le JavaScript használatával.
Hogyan kell használni a HTML DOM hang némított tulajdonságát a JavaScriptben?
A ' tompított ” tulajdonságot gyakran használják a weboldal hangjának elnémításához vagy feloldásához. Amikor a „ hang.némítva ' tulajdonság a következőre van állítva: ' igaz ”, a hang elnémul, a némítás feloldásához pedig a „ tompított ' tulajdonságot a következőre kell beállítani hamis ”. Ezenkívül a némított tulajdonság integrálható más médiavezérlőkkel, és lehetővé teszi a böngészők közötti kompatibilitást.
Szintaxis
A HTML DOM hang elnémított tulajdonságának szintaxisa a JavaScriptben az alábbiakban található:
selectObj.muted = igaz | hamis
Ahol ' kiválasztottObj ” bármely olyan hangfájl, amelynek hangja el lesz némítva. Ez a tulajdonság csak két értéket tud tárolni: ' igaz ” vagy „ hamis ”. Ha ez a tulajdonság igazra van állítva, a hangfájl elnémul, és fordítva.
Most nézzünk meg néhány példát a HTML DOM jobb megértéséhez. tompított ' ingatlan.
1. példa: Hangfájl elnémítása
Ebben a példában a kiválasztott fájlt a „ tompított ' ingatlan. Például keresse fel az alábbi kódblokkot:
< div >< h2 stílus = 'szín: tengerzöld;' > DOM hang némított tulajdonsága h2 >< br >
< hang- id = 'demoAudio' vezérlők >
< forrás src = 'audio.mp3' típus = 'audio/mpeg' >
hang- >
< br >
< gomb kattintásra = 'muteSetter()' > Állítsa némításra gomb >
div >
< forgatókönyv >
hagyja c = document.getElementById ( 'demoAudio' ) ;
funkció némító beállítás ( ) {
c.néma = igaz ;
éber ( 'Sikeresen némítva!' )
}
forgatókönyv >
A kód magyarázata:
-
- Először is a szülő div ' elem jön létre, amely tartalmazza a ' ' címke 'azonosítóval' demoAudio ”. Ez az elem egyetlen ' forrás ” elem, amely tartalmazza a kiválasztott hangfájl címét a típusával együtt.
- Ezután létrejön az a gomb, amely meghívja a „ muteSetter() ' funkció segítségével a ' kattintásra ” eseményhallgató.
- Ezután írja be a „