Código de JavaScript - Emitir un sonido al hacer clic en un enlace

Val: 3.506

Emitir un sonido al hacer clic en un enlace

Publicado el 13 de Julio del 2020 por Joel (150 códigos)

2.551 visualizaciones desde el 13 de Julio del 2020

Código que muestras como ejecutar un sonido al pulsar sobre un enlace de nuestra web.

Publicado el 13 de Julio del 2020

2.552 visualizaciones desde el 13 de Julio del 2020

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

</head>

<body>

    <a href="https://www.lawebdelprogramador.com/cursos/">cursos</a>

    <a href="https://www.lawebdelprogramador.com/codigo/">codigo</a>

    <a href="https://www.lawebdelprogramador.com/codigo/">pdf</a>

</body>

</html>

<script>

document.querySelectorAll("a").forEach(el => el.addEventListener("click", sonido));

function sonido(e) {

    // camcelamos el evento clic

    e.preventDefault();

    // creamos el obtejo audio con el mp3

    const audio = new Audio('disparo.mp3');

    audio.addEventListener('ended', () => {

        // una vez termina el sonido, ejecutamos el enlace

        document.location.href=this.href;

});

    // ejecutamos el sonido

    audio.play();

</script>

Si alguno de los archivos de descarga no funciona, comentanos aquí el error.

14 de Julio del 2020

Joel, muchas gracias

Responder


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s6352

Validar código secreto

Mostrar/Ocultar div en scroll