' prigušen ” svojstvo omogućuje razvojnim programerima da kontroliraju reprodukciju zvuka pružajući im mogućnost isključivanja ili uključivanja zvuka prema njihovim potrebama. Pružanje krajnjim korisnicima slobode da utišaju ili uključe zvuk poboljšava njihovo iskustvo pregledavanja. Osim toga, korištenje JavaScripta omogućuje dinamičku kontrolu koja omogućuje bolju kontrolu nad audio reprodukcijom.
Ovaj će članak opisati upotrebu svojstva HTML DOM isključen zvuk pomoću JavaScripta.
Kako koristiti svojstvo isključenog zvuka HTML DOM-a u JavaScriptu?
' prigušen ” svojstvo se često koristi za isključivanje ili uključivanje zvuka na web stranici. Kada je vrijednost ' audio.utišan ” svojstvo je postavljeno kao “ pravi ', zvuk se isključuje, a da biste ga uključili, ' prigušen ' svojstvo treba postaviti kao ' lažno ”. Osim toga, svojstvo isključenog zvuka ima integraciju s drugim kontrolama medija i omogućuje kompatibilnost s više preglednika.
Sintaksa
Sintaksa za svojstvo isključenog zvuka HTML DOM u JavaScriptu navedena je u nastavku:
selectedObj.muted = pravi | lažno
Gdje ' odabraniObj ” je svaka audio datoteka čiji će zvuk biti isključen. Ovo svojstvo može pohraniti samo dvije vrijednosti: “ pravi ' ili ' lažno ”. Ako je ovo svojstvo postavljeno na true, zvučna datoteka se utiša i obrnuto.
Prođimo sada kroz neke primjere za bolje razumijevanje HTML DOM-a ' prigušen ” vlasništvo.
Primjer 1: Isključivanje audio datoteke
U ovom primjeru, odabrana datoteka će biti isključena pomoću ' prigušen ” vlasništvo. Na primjer, posjetite donji blok koda:
< div >< h2 stil = 'boja: morskozelena;' > DOM svojstvo isključenog zvuka h2 >< br >
< audio iskaznica = 'demoAudio' kontrole >
< izvor src = 'audio.mp3' tip = 'audio/mpeg' >
audio >
< br >
< dugme na klik = 'muteSetter()' > Postavite na Mute dugme >
div >
< skripta >
neka c = document.getElementById ( 'demoAudio' ) ;
funkcija muteSetter ( ) {
c.utišano = pravi ;
uzbuna ( 'Uspješno isključen!' )
}
skripta >
Objašnjenje koda:
-
- Prvo, roditelj “ div ' stvoren je element koji sadrži ' ” oznaka s ID-om od “ demoAudio ”. Ovaj element sadrži jedan ' izvor ” element koji sadrži adresu odabrane audio datoteke zajedno s njezinom vrstom.
- Zatim se stvara gumb koji poziva ' muteSetter() ' pomoću funkcije ' na klik ” slušatelj događaja.
- Zatim unesite '
” označiti i pohraniti referencu elementa „audio” u varijablu pod nazivom „ c ”. - Nakon toga, ' muteSetter() ' stvorena je funkcija za postavljanje vrijednosti za ' prigušen ' svojstvo za ' pravi ”. Time se zvuk isključuje i odgovarajuća poruka se prikazuje u okviru upozorenja.
Nakon kompilacije:
Gornji gif pokazuje da je zvuk isključen korištenjem svojstva muted.
Primjer: Isključivanje i ponovno uključivanje zvuka pomoću svojstva Muted
U ovom primjeru, odabrana audio datoteka bit će isključena, uključena, a njezin trenutni status će se dohvatiti korištenjem ' prigušen ” vlasništvo. Na primjer, posjetite donji kod:
< div >< audio iskaznica = 'demoAudio' kontrole >
< izvor src = 'audio.mp3' tip = 'audio/mpeg' >
audio >< br >
< dugme na klik = 'Isključi()' > Isključi zvuk dugme >
< dugme na klik = 'uključi zvuk()' > Uključi zvuk dugme >
< dugme na klik = 'muteStatus()' > Status isključivanja zvuka dugme >
div >
< skripta >
var z = document.getElementById ( 'demoAudio' ) ;
funkcija Isključi zvuk ( ) {
z.utišano = pravi ;
}
funkcija isključi zvuk ( ) {
z.utišano = lažno ;
}
funkcija muteStatus ( ) {
uzbuna ( z.prigušen ) ;
}
skripta >
Objašnjenje gornjeg koda je sljedeće:
-
- Prvo se audio datoteka umetne na web stranicu pomoću HTML-a ' ' i '
' oznake. - Zatim se stvaraju tri gumba koji pozivaju funkcije pod nazivom ' Isključi() ”, “ isključi zvuk() ', i ' muteStatus() ”. Ove se funkcije pozivaju kada korisnik klikne na odgovarajuće gumbe.
- Zatim definirajte ove funkcije postavljanjem vrijednosti true i false za ' Isključi() ' i ' isključi zvuk() ” funkcije. Za ' muteStatus() ', priložite samo ' prigušen ” svojstvo s audio referencom za dohvaćanje trenutnog statusa svojstva isključenog zvuka.
- Prvo se audio datoteka umetne na web stranicu pomoću HTML-a ' ' i '
Nakon kompilacije, izlaz će biti sljedeći:
Izlaz pokazuje da je audio datoteka isključena, uključena, a njezin se status također provjerava pomoću ' prigušen ” vlasništvo.
Zaključak
HTML DOM svojstvo isključenog zvuka koristi se tako da se prvo umetne audio datoteka na web stranicu pomoću HTML-a ' audio ' i ' izvor ' elementi. Nakon toga, referenca na ovaj zvuk pohranjuje se u varijablu unutar JavaScript koda i ' prigušen ” imovina je povezana s njim. Da biste zvuk utišali, ovo svojstvo je postavljeno na ' pravi ' i ' lažno ” za scenarije uključivanja zvuka. Ovaj je blog pokazao radni proces DOM svojstva isključenog zvuka.