Imagen abstracta de una mujer sentada en libros y estudiando en una computadora portátil

WebRTC Synopsis

Descargar como PPT, PDF
J
jmillan_slideshare

WebRTC permite comunicación en tiempo real directamente en los navegadores web a través de APIs JavaScript. Permite transmitir audio, video y datos entre peers mediante RTP y DataChannels respectivamente. Los navegadores deben implementar codecs obligatorios como Opus y VP8 y establecer la transmisión de medios a través de ICE considerando la seguridad con DTLS-SRTP. La señalización entre peers puede realizarse a través de WebSocket u otras tecnologías y la API permite solicitar y enviar SDP para configurar las sesiones WebRTC.

Tecnología
1 de 22
Descargar para leer sin conexión
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
José Luis Millán Iñaki Baz Castillo
¿ Qué es WebRTC ? ● Comunicación en tiempo real para la Web ● WebRTC Media – ● Características del media transmitido WebRTC API – API JavaScript para browsers
WebRTC Media ● Características y requerimientos del media transmitido – RTP audio/vídeo – DataChannel (new) ● ● Envío y recepción de datos custom en tiempo real Codecs MTI (Must To Implement) – Audio: Opus, Alaw, Ulaw – Vídeo: VP8, H.264 (no decidido)
WebRTC Media ● Establecimiento de media – – ● Ambos peers encuentran el camino más rápido para transmitir media de uno a otro ICE / STUN / TURN Seguridad – RTP audio/vídeo encriptado con DTLS-SRTP – DataChannel encriptado con DTLS (SCTP sobre DTLS sobre UDP) – Media Consent (ICE garantiza que transmitimos media al destino correcto)
WebRTC Media ● ¿Quién debe/puede implementar todos estos requisitos? – Desktop Browsers (Chrome, Firefox, Internet Explorer, Opera...) ● ¿ Smartphone Browsers ? mmm... – – ● Apps en smartphones y tablets Servidores (Asterisk, FreeSwitch, Google Hangouts...) Interoperabilidad a nivel de media entre distintos dispositivos – NOTA: Nadie ha hablado aún de señalización
WebRTC API ● API JavaScript para browsers – getUserMedia(): solicitar permisos de micrófono y/o webcam – RTCPeerConnection: Clase JavaScript para iniciar una sesión WebRTC con otro peer ● Envío y recepción de múltiples MediaStream de audio/vídeo ● DataChannel para envío y recepción de datos custom
WebRTC API ● SDP Offer/Answer – API WebRTC para solicitar un SDP a nuestro browser ● – Recibimos el SDP del peer remoto ● ● Y se lo enviamos al peer remoto Y lo usamos a través del API WebRTC ¿Cómo transmitimos y recibimos el SDP? – WebSocket ● SIP over WebSocket ● XMPP/Jingle over WebSocket ● Lo-que-sea over WebSocket – HTTP AJAX (para no recargar la página) – WebRTC no impone el tipo de de señalización en red
WebRTC F.A.Q.
WebRTC Synopsis
WebRTC Synopsis
WebRTC Synopsis
WebRTC Synopsis
WebRTC Synopsis
WebRTC Synopsis
WebRTC Synopsis
WebRTC Synopsis
Casos de Uso WebRTC ● Póker online – ● ChatRoulette – ● ¿Sólo Web? Puesto de callcenter – ● Enseñemos nuestras partes íntimas, ¡pero sin Flash! Un nuevo “Skype” – ● Nadie “llama” a nadie ¡Plugin para Asterisk! Telefonía doméstica – mmm...
Casos de Uso WebRTC ● Hacer feliz a tu abuela ¡¡¡ DEMO !!!
RetroRTC
Arquitectura RetroRTC SIP over WebSocket SIP over UDP/TCP ICE RTP PSTN
Proyectos Relacionados ● http://jssip.net ● http://oversip.net
Muchas Gracias ● A los asistentes ● A Avanzada7 por organizar el VOIP2DAY – ● (el mejor evento de VoIP de Europa) A todos los que lo hacen posible @ibc_tw @jomivi

Más contenido relacionado

ODP
[ElastixWorld 2013 Mexico] Si sólo ves un webphone no entiendes WebRTC
Iñaki Baz Castillo
 
ODP
[VoIP2Day 2013] Si sólo ves un webphone no entiendes WebRTC
Iñaki Baz Castillo
 
ODP
IEEE latincom2012
jmillan_slideshare
 
PDF
Mobicents Summit 2012 - Orange Mobicents WebRTC Contribution : JAIN SIP JS
telestax
 
ODP
World Wide SIP
jmillan_slideshare
 
PDF
WebRTC and VoIP: bridging the gap (Kamailio world conference 2013)
Victor Pascual Ávila
 
PDF
Hype vs. Reality: The AI Explainer
Luminary Labs
 
ODP
Si sólo ves un webphone no entiendes WebRTC
PaloSanto Solutions
 
[ElastixWorld 2013 Mexico] Si sólo ves un webphone no entiendes WebRTC
Iñaki Baz Castillo
 
[VoIP2Day 2013] Si sólo ves un webphone no entiendes WebRTC
Iñaki Baz Castillo
 
IEEE latincom2012
jmillan_slideshare
 
Mobicents Summit 2012 - Orange Mobicents WebRTC Contribution : JAIN SIP JS
telestax
 
World Wide SIP
jmillan_slideshare
 
WebRTC and VoIP: bridging the gap (Kamailio world conference 2013)
Victor Pascual Ávila
 
Hype vs. Reality: The AI Explainer
Luminary Labs
 
Si sólo ves un webphone no entiendes WebRTC
PaloSanto Solutions
 

Similar a WebRTC Synopsis (20)

ODP
[4K Conf 2012] SIP y WebRTC para Seres Humanos (tm)
Iñaki Baz Castillo
 
PDF
Webrtc sur.gdgdevfest.com - @dperilla
David Muñoz
 
PDF
WebRTC - Una nueva tecnología web al servicio de la educación. Caso en Virtua...
Jorge Rubiano
 
PDF
WebRTC en tu web con OpenVidu
Micael Gallego
 
PDF
Webinar WebRTC y HTML5 (spanish) - Quobis
Quobis
 
PDF
Software libre para videoconferencias
Micael Gallego
 
PDF
OpenVidu Commitconf 2018
Micael Gallego
 
PDF
Experiencia de uso de WebRTC en la educación
Jorge Rubiano
 
PDF
voip2day 2012 - Js sip sip + webrtc (el futuro ya esta aqui) by iniaki baz y ...
VOIP2DAY
 
PDF
JsSIP: SIP + WebRTC (el futuro está aquí)
OpenDireito
 
PDF
De SIP a WebRTC y vice versa
Saúl Ibarra Corretgé
 
ODP
[VoIP2Day 2012] World Wide SIP
Iñaki Baz Castillo
 
PDF
JsSIP: SIP + WebRTC
PaloSanto Solutions
 
PPTX
Presentación WebRTC y Lynckia
Javier Cerviño
 
PDF
Tecnologías Web al servicio del desarrollo Móvil (WebSockets, WebRTC)
Jorge Rubiano
 
PPTX
WebRTC y Kurento en el T3cgFest 2015
Micael Gallego
 
PPT
Sipml5 to Elastix
navaismo
 
PPT
SIPML5toElastix
PaloSanto Solutions
 
PDF
Iñaki Baz - VoIP2DAY 2017 | WebRTC: Más allá de conferencias
Iñaki Baz Castillo
 
PPT
WebRCT "VoIP también desde el navegador"
Fundación Proydesa
 
[4K Conf 2012] SIP y WebRTC para Seres Humanos (tm)
Iñaki Baz Castillo
 
Webrtc sur.gdgdevfest.com - @dperilla
David Muñoz
 
WebRTC - Una nueva tecnología web al servicio de la educación. Caso en Virtua...
Jorge Rubiano
 
WebRTC en tu web con OpenVidu
Micael Gallego
 
Webinar WebRTC y HTML5 (spanish) - Quobis
Quobis
 
Software libre para videoconferencias
Micael Gallego
 
OpenVidu Commitconf 2018
Micael Gallego
 
Experiencia de uso de WebRTC en la educación
Jorge Rubiano
 
voip2day 2012 - Js sip sip + webrtc (el futuro ya esta aqui) by iniaki baz y ...
VOIP2DAY
 
JsSIP: SIP + WebRTC (el futuro está aquí)
OpenDireito
 
De SIP a WebRTC y vice versa
Saúl Ibarra Corretgé
 
[VoIP2Day 2012] World Wide SIP
Iñaki Baz Castillo
 
JsSIP: SIP + WebRTC
PaloSanto Solutions
 
Presentación WebRTC y Lynckia
Javier Cerviño
 
Tecnologías Web al servicio del desarrollo Móvil (WebSockets, WebRTC)
Jorge Rubiano
 
WebRTC y Kurento en el T3cgFest 2015
Micael Gallego
 
Sipml5 to Elastix
navaismo
 
SIPML5toElastix
PaloSanto Solutions
 
Iñaki Baz - VoIP2DAY 2017 | WebRTC: Más allá de conferencias
Iñaki Baz Castillo
 
WebRCT "VoIP también desde el navegador"
Fundación Proydesa
 
Publicidad

Último (20)

PPTX
en este libro encontrarás la lectura inicial para tus niños
gonzalezanamarina282
 
PDF
Introducción a REALITY (agosto de 2024).pdf
Tio Reality
 
PDF
¿Qué hace un Data Warehouse Engineer blog.victorsantiz.com.pdf
Victor Santiz
 
PPTX
PRESENTACION El PODER DE LA MENTALIDAD.pptx
Albin Fumero
 
PPTX
Circuito de LED en paralelo mediante Switch
jeanmarin3101
 
PPTX
VariablesExpresiones.pptx conceptos que puedes usar en c++
TatianaMaribelVeraMe
 
PPTX
TECNOLOGIA EDUCATIVA...........pptx.....
karenpinilla839
 
PDF
Salud digital: información, integración y el valor de MS Fabric for Health
ssuser38d50a
 
PPTX
TICs_en_la_vida_Cotidiana_tecnologiayMas
251769960
 
PPTX
Simulación de corriente paralela en LEDS PowerPoint
esquivelbenjamin470
 
PDF
Estrategia de Apoyo Juan José Narvaéz 9-4
edepjuannarvaez
 
PPTX
Redes neuronales artificiales y como entrenarlas
yq5d9qqh76
 
PDF
conceptosbsicosdeprogramacinpseintlaura.pdf
dayanamateusmartines
 
DOCX
Informee_APA_Microbittrabajoogrupal.docx
gonzalezzapataalexan
 
PDF
Sesión 6 - Seguridad de almacenamiento.pdf
MayraNoboa4
 
PDF
EL RESPETO mejororado para aprender .pdf
elsupremoisaac
 
PDF
Estrategia de apoyo de tecnología 9-5 Daylin Castaño
daylincastano1
 
PDF
Conceptos básicos de programación PseInt laura.pdf
dayanamateusmartines
 
PPTX
Procesamiento-del-Lenguaje-Natural-Un-Viaje-Paso-a-Paso.pptx
Albin Fumero
 
PDF
Trabajo de recuperación _20250821_191354_0000.pdf
edepsantiagoalfonso
 
en este libro encontrarás la lectura inicial para tus niños
gonzalezanamarina282
 
Introducción a REALITY (agosto de 2024).pdf
Tio Reality
 
¿Qué hace un Data Warehouse Engineer blog.victorsantiz.com.pdf
Victor Santiz
 
PRESENTACION El PODER DE LA MENTALIDAD.pptx
Albin Fumero
 
Circuito de LED en paralelo mediante Switch
jeanmarin3101
 
VariablesExpresiones.pptx conceptos que puedes usar en c++
TatianaMaribelVeraMe
 
TECNOLOGIA EDUCATIVA...........pptx.....
karenpinilla839
 
Salud digital: información, integración y el valor de MS Fabric for Health
ssuser38d50a
 
TICs_en_la_vida_Cotidiana_tecnologiayMas
251769960
 
Simulación de corriente paralela en LEDS PowerPoint
esquivelbenjamin470
 
Estrategia de Apoyo Juan José Narvaéz 9-4
edepjuannarvaez
 
Redes neuronales artificiales y como entrenarlas
yq5d9qqh76
 
conceptosbsicosdeprogramacinpseintlaura.pdf
dayanamateusmartines
 
Informee_APA_Microbittrabajoogrupal.docx
gonzalezzapataalexan
 
Sesión 6 - Seguridad de almacenamiento.pdf
MayraNoboa4
 
EL RESPETO mejororado para aprender .pdf
elsupremoisaac
 
Estrategia de apoyo de tecnología 9-5 Daylin Castaño
daylincastano1
 
Conceptos básicos de programación PseInt laura.pdf
dayanamateusmartines
 
Procesamiento-del-Lenguaje-Natural-Un-Viaje-Paso-a-Paso.pptx
Albin Fumero
 
Trabajo de recuperación _20250821_191354_0000.pdf
edepsantiagoalfonso
 
Publicidad

WebRTC Synopsis

  • 2. ¿ Qué es WebRTC ? ● Comunicación en tiempo real para la Web ● WebRTC Media – ● Características del media transmitido WebRTC API – API JavaScript para browsers
  • 3. WebRTC Media ● Características y requerimientos del media transmitido – RTP audio/vídeo – DataChannel (new) ● ● Envío y recepción de datos custom en tiempo real Codecs MTI (Must To Implement) – Audio: Opus, Alaw, Ulaw – Vídeo: VP8, H.264 (no decidido)
  • 4. WebRTC Media ● Establecimiento de media – – ● Ambos peers encuentran el camino más rápido para transmitir media de uno a otro ICE / STUN / TURN Seguridad – RTP audio/vídeo encriptado con DTLS-SRTP – DataChannel encriptado con DTLS (SCTP sobre DTLS sobre UDP) – Media Consent (ICE garantiza que transmitimos media al destino correcto)
  • 5. WebRTC Media ● ¿Quién debe/puede implementar todos estos requisitos? – Desktop Browsers (Chrome, Firefox, Internet Explorer, Opera...) ● ¿ Smartphone Browsers ? mmm... – – ● Apps en smartphones y tablets Servidores (Asterisk, FreeSwitch, Google Hangouts...) Interoperabilidad a nivel de media entre distintos dispositivos – NOTA: Nadie ha hablado aún de señalización
  • 6. WebRTC API ● API JavaScript para browsers – getUserMedia(): solicitar permisos de micrófono y/o webcam – RTCPeerConnection: Clase JavaScript para iniciar una sesión WebRTC con otro peer ● Envío y recepción de múltiples MediaStream de audio/vídeo ● DataChannel para envío y recepción de datos custom
  • 7. WebRTC API ● SDP Offer/Answer – API WebRTC para solicitar un SDP a nuestro browser ● – Recibimos el SDP del peer remoto ● ● Y se lo enviamos al peer remoto Y lo usamos a través del API WebRTC ¿Cómo transmitimos y recibimos el SDP? – WebSocket ● SIP over WebSocket ● XMPP/Jingle over WebSocket ● Lo-que-sea over WebSocket – HTTP AJAX (para no recargar la página) – WebRTC no impone el tipo de de señalización en red
  • 17. Casos de Uso WebRTC ● Póker online – ● ChatRoulette – ● ¿Sólo Web? Puesto de callcenter – ● Enseñemos nuestras partes íntimas, ¡pero sin Flash! Un nuevo “Skype” – ● Nadie “llama” a nadie ¡Plugin para Asterisk! Telefonía doméstica – mmm...
  • 18. Casos de Uso WebRTC ● Hacer feliz a tu abuela ¡¡¡ DEMO !!!
  • 20. Arquitectura RetroRTC SIP over WebSocket SIP over UDP/TCP ICE RTP PSTN
  • 22. Muchas Gracias ● A los asistentes ● A Avanzada7 por organizar el VOIP2DAY – ● (el mejor evento de VoIP de Europa) A todos los que lo hacen posible @ibc_tw @jomivi