„ mut ” permite dezvoltatorilor să controleze redarea audio, oferindu-le o opțiune de a dezactiva sau dezactiva sunetul în funcție de nevoile lor. Oferind utilizatorilor finali libertatea de a dezactiva sau activa sunetul, le îmbunătățește experiența de navigare. În plus, utilizarea JavaScript permite controlul dinamic care oferă un control mai bun asupra redării audio.
Acest articol va descrie utilizarea proprietății audio HTML DOM dezactivate folosind JavaScript.
Cum să utilizați proprietatea HTML DOM Audio Muted în JavaScript?
„ mut ” proprietatea este frecvent utilizată pentru a dezactiva sau a activa sunetul de pe o pagină web. Când valoarea „ audio.dezactivat ” proprietatea este setată ca “ Adevărat ”, sunetul este dezactivat, iar pentru a-l activa, mut „proprietatea trebuie să fie setată ca „ fals ”. În plus, proprietatea dezactivată are integrare cu alte comenzi media și permite compatibilitatea între browsere.
Sintaxă
Sintaxa pentru proprietatea HTML DOM dezactivat audio în JavaScript este prezentată mai jos:
selectedObj.muted = Adevărat | fals
Unde ' selectatObj ” este orice fișier audio al cărui sunet va fi dezactivat. Această proprietate poate stoca doar două valori: „ Adevărat ” sau ” fals ”. Dacă această proprietate este setată la true, fișierul audio este dezactivat și invers.
Acum, să parcurgem câteva exemple pentru o mai bună înțelegere a HTML DOM ' mut ” proprietate.
Exemplul 1: Dezactivarea fișierului audio
În acest exemplu, fișierul selectat va fi dezactivat folosind butonul „ mut ” proprietate. De exemplu, vizitați blocul de cod de mai jos:
< div >< h2 stil = 'culoare: verde mare;' > Proprietate audio DOM dezactivată h2 >< br >
< audio id = 'demoAudio' controale >
< sursă src = „audio.mp3” tip = 'audio/mpeg' >
audio >
< br >
< buton onclick = „muteSetter()” > Setați la Mute buton >
div >
< scenariu >
lăsa c = document.getElementById ( 'demoAudio' ) ;
funcţie muteSetter ( ) {
c.mut = Adevărat ;
alerta ( 'Azactivat cu succes!' )
}
scenariu >
Explicația codului:
-
- În primul rând, părintele „ div ” este creat elementul care conține „ etichetă ” cu ID-ul ” demoAudio ”. Acest element conține un singur „ sursă ” element care conține adresa fișierului audio selectat împreună cu tipul acestuia.
- În continuare, este creat butonul care invocă „ muteSetter() ” folosind funcția “ onclick ” ascultător de evenimente.
- Apoi, introduceți „ ” etichetați și stocați referința elementului „audio” într-o variabilă numită „ c ”.
- După aceea, „ muteSetter() ” este creată pentru a seta valoarea pentru “ mut „proprietate la „ Adevărat ”. Acest lucru setează sunetul la sunet și, de asemenea, afișează mesajul corespunzător în caseta de alertă.
După compilare:
Gif-ul de mai sus arată că sunetul a fost dezactivat folosind proprietatea dezactivată.
Exemplu: Dezactivați și dezactivați sunetul utilizând proprietatea Muted
În acest exemplu, fișierul audio selectat va fi dezactivat, dezactivat și starea sa actuală va fi preluată prin utilizarea „ mut ” proprietate. De exemplu, accesați codul de mai jos:
< div >< audio id = 'demoAudio' controale >
< sursă src = „audio.mp3” tip = 'audio/mpeg' >
audio >< br >
< buton onclick = 'Mut()' > Dezactivați sunetul buton >
< buton onclick = „Activați sunetul()” > Activați sunetul buton >
< buton onclick = „muteStatus()” > Starea sunetului buton >
div >
< scenariu >
var z = document.getElementById ( 'demoAudio' ) ;
funcţie Mut ( ) {
z.mut = Adevărat ;
}
funcţie dezactivați sunetul ( ) {
z.mut = fals ;
}
funcţie muteStatus ( ) {
alerta ( z.dezactivat ) ;
}
scenariu >
Explicația codului de mai sus este următoarea:
-
- Mai întâi, fișierul audio este inserat pe pagina web utilizând codul HTML „ ' și '
' Etichete. - Apoi, sunt create trei butoane care apelează funcțiile numite „ Mut() ”, “ dezactivați sunetul () ', și ' muteStatus() ”. Aceste funcții sunt invocate atunci când utilizatorul face clic pe butoanele corespunzătoare.
- Apoi, definiți aceste funcții setând valorile true și false pentru „ Mut() ' și ' dezactivați sunetul () ” funcții. Pentru ' muteStatus() „, atașați doar „ mut ” cu referința audio pentru a prelua starea curentă a proprietății mute.
- Mai întâi, fișierul audio este inserat pe pagina web utilizând codul HTML „ ' și '
După compilare, rezultatul va fi după cum urmează:
Ieșirea arată că fișierul audio este dezactivat, dezactivat și starea acestuia este, de asemenea, verificată prin utilizarea „ mut ” proprietate.
Concluzie
Proprietatea HTML DOM audio dezactivat este utilizată inserând mai întâi fișierul audio pe pagina web folosind codul HTML „ audio ' și ' sursă ” elemente. După aceea, referința la acest audio este stocată într-o variabilă în interiorul codului JavaScript și „ mut ” i se atașează proprietatea. Pentru a dezactiva sunetul, această proprietate este setată la „ Adevărat ' și ' fals ” pentru scenarii fără sunet. Acest blog a demonstrat procesul de lucru al proprietății DOM dezactivat audio.