Un tema que suele aparecer de cuando en cuando en la lista de Asterisk-ES es cómo poner un sistema de click2dial en una web de manera que el navegante no se gaste un centimo en llamarnos. Hoy vamos a ver cómo hacerlo en 5 minutos con Phono SDK.
Phono SDK es un plugin de jQuery mediante el cual podemos hacer (¡y recibir¡) llamadas y mensajes. Ha sido desarrollado por los chicos de Voxeo Labs y yo al menos no conozco una manera mas sencilla para hacer una llamada de telefono desde el navegador. Con Phono puedes hacer llamadas desde la web de manera gratuita a cualquier URI SIP e incluso podemos conectarlo a aplicaciones de Tropo (de esto hablaremos en otro post largo y tendido).
Como aquí nos gusta saber cómo funcionan las cosas, veamos la arquitectura del asunto:
La comunicación entre el navegador y el servidor de Phono se realiza con los protocolos XMPP y Jingle encapsulados en RTMP. Si, Phono utiliza flash (de momento) para poder acceder al microfono y altavoces del usuario. Me consta que están trabajando en una version 100% HTML5 para mandar Flash a /dev/null, esperemos que sea pronto 🙂
En los servidores de Phono se realiza la conversion de XMPP y Jingle a SIP y RTP y se envia la llamada al destino correspondiente.
Podéis probar la demo que he hecho en 5 minutos aquí, o descargar el código en este Gist. Al hacer click en call llamaréis a sip:3333@sip2sip.info, un servicio de prueba en el que se escucha la sintonía de James Bond. También podéis instalar este plugin para WordPress y que la peña os deje comentarios de voz en el blog o algo… 🙂
La prueba es muy sencilla (aunque he tenido que recordar lo que Jabi me enseñó de jQuery, que entre tanta llave y paréntesis me pierdo 🙂 ) pero ilustra lo sencillo que nos puede resultar añadir esta funcionalidad a una web corporativa, sin utilizar ActiveX ni webphones en Java ni nada parecido, aunque Flash no me guste demasiado 😉
Happy Phono-ing!
Ya conocía phono.com, pero escribir sobre él ha sido una idea muy buena.
P.D. te voy a plagiar la demo. 😛
El Open Source, así que lo que quieras! 🙂
Thanks por el comment!
Una preguntilla, ¿donde se consigue la api key?
@AtletaViajero: Cuando te registras en Phono.com (es gratis) te dan un API key que ves cuando haces login en la web.
Muchas gracias por la entrada, a probar toca.
Hola este SDK es de pago? Una vez que cree la aplicacion para llamar esta debe pasar por los servidores de PHONO?
Saludos.
@navaismo: No es de pago, pero todo el trafico pasa por sus servidres, si.
Muchas gracias por la respuesta
ok, pues ya lo probaré 🙂 que hay veces que cuesta explicarles a los usuarios como configurar un cliente voip
Es impresionante lo que la gente de voxeo desarrolla con phono, un inconveniente, no es compatible con internet explorer 9 me pase un día hasta que me fije como lo hacian funcionar en su ejemplo y bueno nada habian hecho la página demo compatible con ie8… (X-UA-Compatible)
http://s.phono.com/releases/0.3/samples/callme/index.htm
Estoy teniendo problemas para implementarlo. Una vez que lo cargo sólo me sale un buttom de loading que nunca hace realmente nada. ¿Qué sucede?