2011-04-28 20 views
9

¿Cómo puedo agregar un sonido simple cuando llega un mensaje en una sesión de chat web con jQuery?Reproducir sonido al recibir un mensaje de chat web

Me di cuenta de que lo hacen en el chat en http://chat.stackoverflow.com y quiero emular eso en mi propio software.

+0

@drachenstern: Nunca lo había intentado antes, pero lo hice, así que sí, es perfecto y eso es lo que necesito. –

+0

lo siento, quiere emular lo que vio aquí ... mis disculpas. – jcolebrand

+0

Abrir enlace y espero que pueda encontrar una solución mejor [Reproducir sonido] [1] [1]: http://stackoverflow.com/questions/15483455/play-sound-when-message -received/15498712 # 15498712 –

Respuesta

5

jPlayer que permite haz esto y evita Flash (con la etiqueta HTML5 <audio>).

Editar:
Como drachenstern se señala en los comentarios, así Chatea realidad utiliza jPlayer. Algunos códigos de la página de chat:

<div id="jplayer" style="position: absolute; top: 0px; left: 0px;"> 
    <embed name="jqjp_flash_0" id="jqjp_flash_0" src= 
    "http://or.sstatic.net/chat/Jplayer.swf" width="0" height="0" bgcolor="#FFFFFF" 
    quality="high" flashvars="id=jplayer&amp;fid=jqjp_flash_0&amp;vol=80" 
    allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage= 
    "http://www.macromedia.com/go/getflashplayer" /> 

    <div id="jqjp_force_0" style="text-indent: -9999px;"> 
    0.7310569109395146 
    </div> 
</div> 
+1

¿se degrada con gracia en sitios que no son HTML5 a un complemento flash? – jcolebrand

+0

@drachenstern - Sí, en la página: "admite navegadores más antiguos que usan Flash Fallback" – entropo

+0

Además, como nota, creo que este es el que utiliza este chat de todos modos, así que ahí lo tienes. – jcolebrand

3

¿Ha considerado utilizar un jQuery Sound plugin que controla un elemento Flash?

Se trata de un reproductor de sonido simple, se utiliza el flash para reproducir los sonidos, pero no proporciona una interfaz de flash para cualquier control, todo se controla a través de jQuery

$("#sound").sound({swf: url}); 
$("#sound").load(url); 
$("#sound").play(); 
$("#sound").pause(); 
$("#sound").stop(); 
$("#sound").volume(0-100); 
+0

¿podría proporcionar un ejemplo simple de cómo funciona? Gracias. –

Cuestiones relacionadas