Fundamentos de WebRTC

Comprende la arquitectura P2P, ICE, STUN/TURN y los componentes básicos de WebRTC

¿Qué es WebRTC?

WebRTC permite comunicación peer‑to‑peer para audio, video y datos en el navegador con baja latencia. Usa UDP/SCTP y requiere señalización para el intercambio inicial.

🧩 Componentes clave

• RTCPeerConnection: gestiona la conexión P2P
• ICE: negociación de rutas de red
• STUN/TURN: atraviesan NAT/firewalls
• SDP: describe capacidades de medios

Capturar media local

const stream = await navigator.mediaDevices.getUserMedia({
  audio: true,
  video: true
});
localVideo.srcObject = stream;

Crear un RTCPeerConnection

const pc = new RTCPeerConnection({
  iceServers: [{ urls: 'stun:stun.l.google.com:19302' }]
});

stream.getTracks().forEach(track => pc.addTrack(track, stream));

pc.ontrack = (event) => {
  remoteVideo.srcObject = event.streams[0];
};

💡 Tips

✓ Usa TURN en producción para garantizar conectividad
✓ Controla bitrate y resolución para móviles
✓ Maneja cambios de red y reconexión