Audio activer et désactiver le bouton en html

Question 1

Je suis entrain de créer une page HTML avec plusieurs audios. Je veux un bouton de sourdine qui peut couper tous les audios de cette page, ensemble, de sorte que même nous jouer un autre audio même si il joue, mais nous ne pouvons pas entendre quoi que ce soit.

Je me réfère au code mentionné ici.

Mais il ne crée un bouton à Bascule, mais pas de couper le son de l'audio.

Les balises audio utilisé sur la page comme ci-dessous:

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

Quelqu'un peut-il svp me pointer dans la bonne direction?

Je vous remercie.

Question 2

Essayer une fois avec ce code, il fonctionnera très bien.

Code JavaScript

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

Code 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

Essayer une fois avec ce code, il fonctionnera très bien.

Code JavaScript

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

Code 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

ne fonctionne pas pour moi

Jituu

J'ai vérifié qu'il manque l'attribut controls dans la balise audio. Simple d'utilisation ce contrôle sera visible. Si voulez continuer à utiliser désactiver/activer le son bascule avec contrôle javascript alors utiliser toggleMute() fonction. Exemple de travail disponible sur cette URL jsfiddle.net/0ght2xpz

Sateesh

J'obtiens cette erreur sur la console: "Uncaught TypeError: document.getElementByID n'est pas une fonction", ce qui provoque le code ne fonctionne pas

Jituu

Où sont l'exécution de ce code? dans le navigateur? Il travaillera dans le navigateur pour vous. Pouvez-vous mettre votre code dans jsfiddle.net afin que je puisse voir, quelle erreur vous êtes en train de faire.

Sateesh

document.getElementById fonctionne bien. À l'aide de petites "d" dans l'ID.

Jituu

Bon, si vous allez faire face à toute question concernant cette dis-le moi.

Sateesh

Audio activer et désactiver le bouton en html

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie