Silenciador de Audio y activar el botón en html

Question 1

Estoy creando una página HTML con varios audios. Quiero un botón de silencio que puede silenciar todos los audios de la página, juntos, de modo que incluso podemos jugar con otro audio, incluso si se reproduce, pero no se puede oír nada.

Me estoy refiriendo al código mencionado aquí.

Pero no sólo crea un botón de Alternar, pero no silenciar el audio.

Las etiquetas de audio utilizado en la página son como a continuación:

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

Puede alguien por favor me apunte en la dirección correcta?

Gracias.

Question 2

Intente una vez con este código funcionará bien.

El Código JavaScript

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

Código 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

Intente una vez con este código funcionará bien.

El Código JavaScript

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

Código 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

no funciona para mí

Jituu

He comprobado que tienen falta de atributo controls en la etiqueta de audio. Simple de usar esta controles serán visibles. Si aún desea utilizar silenciar/activar el sonido de alternar con javascript de control, a continuación, tiene el uso toggleMute() la función. Ejemplo de trabajo disponible en esta URL jsfiddle.net/0ght2xpz

Sateesh

Estoy recibiendo este error en la consola: "Uncaught TypeError: documento.getElementByID no es una función", lo que genera el código no funciona

Jituu

Cuando se ejecuta este código? en el navegador? Funcionará en el navegador seguro. Puede usted poner su código en jsfiddle.net por lo que puedo ver, qué error que estamos haciendo.

Sateesh

documento.getElementById está trabajando bien. El uso de pequeñas "d" en el ID.

Jituu

Está bien, si se enfrentan a cualquier problema con respecto a esto y luego me digo.

Sateesh

Silenciador de Audio y activar el botón en html

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría