Audio dezactiva și activa butonul în html

Question 1

Am creat o pagina HTML cu mai multe audio. Vreau un buton de mute, care poate dezactiva toate audio de pagina asta împreună, astfel încât chiar vom juca un alt audio, chiar dacă se joacă, dar nu putem auzi nimic.

Mă refer la codul de menționat aici.

Dar nu doar creează un buton de Comutare, dar nu dezactiva sunetul.

Audio tag-uri utilizate pe pagină sunt ca mai jos:

            <audio id="audio_playo24">
                <source src="voice/vo3.mp3" type="audio/mp3" />
            </audio>

Poate cineva vă rugăm să-mi punct în direcția corectă?

Multumesc.

Question 2

Încercați o dată cu acest cod, acesta va funcționa bine.

Codul JavaScript

function toggleMute() {
   var myAudio = document.getElementById('audio_playo24');
   myAudio.muted = !myAudio.muted;
}

Cod HTML

<audio id="audio_playo24" controls>
   <source src="voice/vo3.mp3" type="audio/mp3" />
</audio>
<a href="javascript:void(0);" onclick="toggleMute()">Mute/Unmute</a>

Sateesh · Answer 1 · 2021-11-24T05:11:48

1

Încercați o dată cu acest cod, acesta va funcționa bine.

Codul JavaScript

function toggleMute() {
   var myAudio = document.getElementById('audio_playo24');
   myAudio.muted = !myAudio.muted;
}

Cod HTML

<audio id="audio_playo24" controls>
   <source src="voice/vo3.mp3" type="audio/mp3" />
</audio>
<a href="javascript:void(0);" onclick="toggleMute()">Mute/Unmute</a>

Sateesh

2021-11-24 05:11:48

nu funcționează pentru mine

Jituu

Am verificat aveți atribut lipsește controls în tag-ul audio. Simplu utilizați acest control va fi vizibil. Dacă totuși doriți să utilizați dezactiva/activa de comutare cu javascript control atunci au folosi toggleMute() funcția. Exemplu de lucru disponibile pe acest URL jsfiddle.net/0ght2xpz

Sateesh

Primesc aceasta eroare pe consola: "Neprins TypeError: document.getElementByID nu este o funcție" care rezultă codul nu funcționează

Jituu

În cazul în care se executa acest cod? în browser-ul? Se va lucra în browser-ul pentru sigur. Poti pune codul în jsfiddle.net ca să pot vedea, ce greșeală fac.

Sateesh

document.getElementById este de lucru bine. Folosind mici "d", în ID.

Jituu

Bine bine, dacă va confruntați cu orice problemă în ceea ce privește acest lucru, atunci spune-mi.

Sateesh

Audio dezactiva și activa butonul în html

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie