Loading repository data…
krthr / repository
webrtc-simple-demo
Demostración del uso de WebRTC junto a Firebase para Python Barranquilla.
#javascript#meetup#webrtc#webrtc-demos
Live repository statistics
★ 1Stars
⑂ 1Forks
◯ 0Open issues
◉ 1Watchers
README preview
WebRTC: ¿y si hacemos un Skype?
Wilson Tovar
7mo semestre - Ing. De Sistemas
Full Stack Dev @ Fontumi
github, linkedin, instagram, correo
Índice
- Introducción
- WebRTC y su magia
- Empezando
- ¡Hola mundo!
- ¿Y ahora qué?
- Reto 😯
1. Introducción
2. WebRTC y su magia
- Open Source
- Peer-Peer simplificado
- Bajo ancho de banda y latencia
- Transmisión segura de datos
- *Ampliamente soportado
Pero... ¿para qué sirve?
- Transmisión de audio y video
- Intercambio de archivos
- Interface con sistemas telefónicos usando señales DTMF
- Mensajes en tiempo real
- Edición de documentos en tiempo real
3. Ahora sí, ¡a usarlo!
Alto ahí... ¡Primero la teoría!
APIs
- MediaStream (commonly known as getUserMedia)
- RTCPeerConnection
-
MediaStream. Acceder a la cámara y micrófono.
- getUserMedia()
- HTTPS
- Chrome, Firefox, Opera
-
RTCPeerConnection. Responsable de manejar la comunicación eficiente y estable de streams entre peers.
- Google, Opera: WebkitRTCPeerConnection
- Firefox: mozRTCPeerConnection
¡Peer-to-peer, pero se necesitan servidores!
PD: ICE
Interactive Connectivity Establishment (ICE)
Framework que permite que los navegadores conecten los peers. ICE usa servidores STUN y/o TURN.
- STUN (Session Traversal Utilities for NAT). Descubrir la IP pública y descubrir restricciones.
- Poco ancho de banda
- TURN (Traversal Using Relays around NAT). Se usa cuando no hay alternativas.
Session Description Protocol (SDP)
Describe el contenido multimedia como los formatos, codecs, etc. En otras palabras, es el metadata que describe el contenido.
Signaling
Intercambio de mensajes de control entre los peers.
- Podemos usar lo que queramos
4. ¡Hola mundo! https://bit.ly/2KcbnSF
Para usar el demo, agrega un id único al final de
?room=y dáselo a otra persona para hacer una vídeo llamada
5. ¿Y ahora qué?
- WebRTC Página oficial
- Real time communication with WebRTC
- Recursos en línea
Reto 😯
- Sala multiusuarios
- Envío de archivos