5

Espero me puedan apoyar con la siguiente duda.

Al momento de enviar un alert en una validación quisiera que también saliera un sonido junto con el alert como puedo hacer eso.

He probado varias cosas pero no me funcionan espero me puedan orientar.

Gracias.

<audio src="Imagenes/alarma_fuerte.mp3" id="sonido"></audio>
<input type="button" id="alarma" value="sonaaaar !!!">

<script type="text/javascript">


    document.getElementById('#sonido').play();
    alert("elertaa !! ");

</script>
7
  • 1
    Coloca lo que has intentado para que así todos podamos entender lo que propones. el 30 jul. 2018 a las 17:02
  • listo lo que quiero hacer es que al momento que me salga una alerta de java script tambien se reprodusca un sonido eso es todo @LeviArista
    – fokus
    el 30 jul. 2018 a las 17:17
  • posiblemente esté mal tu ruta, sin ingresas [tu_ruta]/Imagenes/alarma_fuerte.mp3 en tu navegador, que sale? el 30 jul. 2018 a las 17:25
  • la ruta esta correcta ya que el archivo html donde lo quiero reproducir esta en raiz
    – fokus
    el 30 jul. 2018 a las 17:26
  • ¿Con que navegador estas probando ? el 30 jul. 2018 a las 17:28

2 respuestas 2

4

Sin jugar con HTML :

Te recomiendo crear otra función

 var myAudio= document.createElement('audio');
 var myMessageAlert = "";
 myAudio.src = 'audio.mp3';
 myAudio.addEventListener('ended', function(){
    alert(myMessageAlert);
 });
function Myalert(message) { 
    myAudio.play();
    myMessageAlert = message;
} 
Myalert("Mensaje");

Pero en caso de querer sobrescribir alert(), es lo mismo que lo anterior pero cambias el nombre de la función.

function alert(message) { 
  myAudio.play();
  myMessageAlert = message;
} 
alert("Mensaje");

Actualizado; Se agrega evento ended al elemento dinamico audio.

El evento ended ocurre cuando el audio / video ha llegado al final.

6
  • no funciona solo sale el alert
    – fokus
    el 30 jul. 2018 a las 17:22
  • Tienes que poner el archivo .mp3 en la misma carpeta que tienes el .js el 30 jul. 2018 a las 17:27
  • 1
    bien bien ya quedo muchas gracias
    – fokus
    el 30 jul. 2018 a las 17:31
  • 1
    el unico destalle es que la alarma suena despues de dar aceptar al boton de la alerta me gustaria que sonara antes y apareciera la alerta como lo puedo hacer ??
    – fokus
    el 30 jul. 2018 a las 18:15
  • si me funciona el unico detalle que lo puebo en una archivo en limpio y cuando lo cargo primero sale la alerta y luego el sonido muy bien hasta ahi... pero cuando lo paso a mi proyecto al momento de cargarlo suena y no es lo que quiero... quiero que se dispare el sonido cada vez que salga alguna alrta.... como puedo hacer eso.
    – fokus
    el 30 jul. 2018 a las 20:53
3

Puedes utilizar la función play para reproducir tu audio:

HTML:

<audio id="xyz" src="tuAudio.mp3" preload="auto"></audio>

Javascript:

document.getElementById('xyz').play();
alert("Alerta");
9
  • solo me sale la alerta no me reproduce ningun sonido
    – fokus
    el 30 jul. 2018 a las 17:24
  • te aseguraste de hacer bien la referencia a tu audio? el 30 jul. 2018 a las 17:26
  • sii claro y solo me sale el alert
    – fokus
    el 30 jul. 2018 a las 17:27
  • el audio se encuentra en la misma carpeta?... procura llamar bien el js el 30 jul. 2018 a las 17:30
  • si me funciona el unico detalle que lo puebo en una archivo en limpio y cuando lo cargo primero sale la alerta y luego el sonido muy bien hasta ahi... pero cuando lo paso a mi proyecto al momento de cargarlo suena y no es lo que quiero... quiero que se dispare el sonido cada vez que salga alguna alrta.... como puedo hacer eso.
    – fokus
    el 30 jul. 2018 a las 20:53

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.