Notificación sonora [.mp3] con JQuery-Php-MySQL

MaxDgy · #1 (**permalink**) 11/02/2011, 13:54

Supongamos que entra un mensaje nuevo o mejor aún, una noticia a la base de datos MySQL y lo queremos mostrar dentro de un <div>Contenido</div> (no importa mucho la posición es para dar una idea) en la parte lateral izquierda.
Cómo podemos reproducir una alerta (mp3 o dentro de un flash*swf*) sonora?

[Código para el laboratorio] encontrado Webeando por ahí...

Código HTML:

Ver original<html>
<head>
<title>Sound JQuery</title>
<script type="text/javascript" 
 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 
<script language="javascript">
$('a').click(function(){
$('embed').remove();
$('body').append('<embed src="mp3/alert.mp3" autostart="true" hidden="true" 
 
loop="false">');
});
</script>
</head>
 
<body>
<!-- La idea es reproducir sonido al hacer click -->
<a class="a" id="a" href="#">Link Play Sound</a>
 
<!-- Separador de ideas -->
 
<!-- La idea es reproducir sonido al recibir nueva info desde la base de datos -->
<br /><br />
<div class="mensajes_ajax" id="mensaje_desde_ajax">Mensajes ingresados mediante ajax</div>
</body>
</html>

Cómo puedo adaptar eso? Será que no se puede? ...Estarías dispuesto dar una mano en el tema? .......Los sabremos dentro de unos minutos.....

Please wait...!!

Gracias desde ya amigos!

iviamontes · #2 (**permalink**) 29/04/2011, 10:38

bueno, yo haría un $("#mensaje_desde_ajax").load('url', function(data){

if (data == "algo") sonido, con la funcion que tienes arriba

})

iviamontes · #3 (**permalink**) 29/04/2011, 10:40

todo eso dentro de setTime algo así para que ejectute la funcion cada cierto tiempo

caricatos · #4 (**permalink**) 29/04/2011, 11:02

Hola:

No son necesarias extensas librerías para una cosa tan sencilla , y que tenemos resuelto desde hace bastantes años: precargar sonidos... tan solo es cuestión de crear un objeto embed con el sonido concreto, pero es difícil o imposible el efecto de "inmediatez"...

Otro enlace relacionado: Música en la web.

Saludos

iviamontes · #5 (**permalink**) 29/04/2011, 11:37

le hice el ejemplo con jquery pq es el codigo que el pone en su pregunta, para no hablar de que estaríamos seguro que funcionaría en cualquier navegador... y otras ventajas de jquery

caricatos · #6 (**permalink**) 29/04/2011, 12:22

Cita:

Iniciado por iviamontes

...para no hablar de que estaríamos seguro que funcionaría en cualquier navegador... y otras ventajas de jquery

Esa respuesta es bastante poco estable...

$('body').append('<embed src="mp3/alert.mp3" autostart="true" hidden="true" loop="false">');

...es exactamente lo mismo que:

document.body.innerHTML += '<embed src="mp3/alert.mp3" autostart="true" hidden="true" loop="false">';

Saludos

james01A · #7 (**permalink**) 10/05/2011, 10:49

Cita:

Iniciado por caricatos

Esa respuesta es bastante poco estable...

$('body').append('<embed src="mp3/alert.mp3" autostart="true" hidden="true" loop="false">');

...es exactamente lo mismo que:

document.body.innerHTML += '<embed src="mp3/alert.mp3" autostart="true" hidden="true" loop="false">';

Saludos

Y se puede colocar un sonido que nmo sea mp3

Aijoona · #8 (**permalink**) 11/05/2011, 09:42

Recomiendo la lectura de este artículo de Thomas Fuchs*:

http://mir.aculo.us/2011/03/16/how-to-play-a-sound-in-a-web-browser-it-aint-easy/

*Thomas Fuchs es un gurú javascript para los que desconoce.

caricatos · #9 (**permalink**) 11/05/2011, 15:55

Cita:

Iniciado por Aijoona

*Thomas Fuchs es un gurú javascript para los que desconoce.

¿Es que acaso yo no soy un gurú...?

Saludos

kosios · #10 (**permalink**) 25/06/2011, 22:29

Hola amigo Estoy tratando de hacer algo similiar, si ya pudiste dar solucion porfavor publicala, yo necesito mandar un MSJ mp3 cada vez q se cargue en mi tabla un nuevo producto. Este deberia decir Se ha ingresado un nuevo proudcto le mp3 ya lo tengo hecho pero no se como llamarlo cuando entre un nuevo producto.

Te invito a Poner la solucion si ya la tienes. porfavor. saludos desde colombia

YeisonSoto · #11 (**permalink**) 26/06/2011, 08:27

Cita:

Iniciado por caricatos

¿Es que acaso yo no soy un gurú...?

Saludos

Gurú tienes algun metodo para que al pasar el mouse por encima de una imagen se escuche un sonido en este caso el nombre del objeto que esta ahi??, pero que funcione con Firefox e IE, he encontrado algunos metodos pero solo funcionan con IE, Me puedes ayudar??.

rachpts · #12 (**permalink**) 07/01/2014, 11:47

amigos del foro, alguien encontró la solución a este tema? a mi me urge hacer algo similar, pero lo eh intentado con javascritp y un input text y no me funciona
alguna idea?

este es mi codigo
<script type="text/javascript">

function hacerAlgo(){

document.getElementById("timbre.mp3").play();

}

</script>

<?php

include('conexion.php');

$query = mysql_query("SELECT max(folio2) AS max FROM `turnos_dia` WHERE `status`='ATENDIENDO'");
$dep = mysql_fetch_array($query);
$sonido = $dep['max'];

if ($sonido>0)
{
?>
<input type="text" value="<?php echo $sonido;?>" onchange="javascript:hacerAlgo();">
<?
}
?>

Alexis88 · #13 (**permalink**) 07/01/2014, 12:09

rachpts, tampoco está permitido el ir posteando el contenido de un tema por doquier. Ten cuidado que te pueden banear.

Y solamente para que por enésima vez no vuelvas a preguntar lo mismo, te voy a volver a mostrar la solución:

Código HTML:

Ver original<audio id = "sonido">
    <source src = "audio.mp3" type = "audio/mpeg" />
</audio>

Código PHP:

Ver originalif ($sonido>0)
{
    echo "<script>
              document.getElementById('sonido').play();  
          </script>";
}

Saludos

rachpts · #14 (**permalink**) 07/01/2014, 12:16

disculpa no sabia que no estaba permitido tatas cosa, al final solo es una duda, ya probe tu solución gracias, pero no me funciona