Ponte en Contacto
 Duración 14 horas

Temario del curso

Manejo de Dispositivos de Medios

Permisos de Navegador con navigator.permissions

  • Acceso a hardware:
    • Cámara web
    • Micrófono
  • Permisos opcionales:
    • Geolocalización
    • Notificaciones
    • Portapapeles (lectura/escritura)
  • Consultas de permisos y estado
  • Limitaciones y compatibilidad de navegador

Lectura de Dispositivos de Medios con navigator.mediaDevices

  • Enumeración de dispositivos
  • Manejo de cambios en dispositivos

Compatibilidad entre Navegadores

  • Uso de APIs:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Estrategia de respaldo para Safari

Manejo de Dispositivos de Medios

  • Inicialización de dispositivos: getUserMedia(constraints)
  • Restricciones de dispositivos de medios
  • Inicio y detención de flujos de medios
  • Manejo de cambios en dispositivos

Grabación de Dispositivos con MediaRecorder

  • Inicio/detención de transmisión y grabación
  • Descarga de archivo .webm
  • Vista previa de forma de onda en tiempo real

Adiciones Opcionales:

  • Guardar en formato .wav usando ScriptProcessorNode
  • Visualización del espectro FFT de audio
  • Barra de volumen en decibelios
  • Reconocimiento de voz con webkitSpeechRecognition

Conexión P2P

Servidores de Señalización

  • Opciones de canal bidireccional:
    • WebSocket
    • Socket.io
    • SignalR
  • Estructura de mensajes
  • Cliente WebRTC simplificado
  • Flujo completo de señalización

Chat de Vídeo vía WebRTC

  • Arquitectura: Node.js + ws
  • Cliente WebRTC: RTCPeerConnection
  • Pruebas E2E locales

Funciones Opcionales:

  • Colgar llamada (cerrar conexión, detener medios)
  • Llamadas grupales (salas multiusuario)
  • Autenticación simple basada en token

Compartir Pantalla

  • Uso de getDisplayMedia()
  • Arquitectura y opciones

Protocolo de Descripción de Sesión (SDP)

  • Introducción y contenidos
  • Lectura e interpretación de SDP
  • Códecs:
    • Audio & Vídeo
    • Negociación y control
    • Estrategias de respaldo

Estadísticas de WebRTC con getStats()

  • Tipos de estadísticas
  • Cómo interpretar estadísticas
  • Gráficos de tasa de bits/jitter en vivo
  • Estrategias de adaptación de calidad

Todos los temas son

  • Casos de uso prácticos

Requerimientos

Este curso es ideal para desarrolladores de front-end y full-stack, arquitectos técnicos e ingenieros que construyen funciones de comunicación en tiempo real basadas en navegador, como chat de vídeo, compartición de pantalla o transmisión de audio. Los participantes deben tener un conocimiento funcional de JavaScript y tecnologías web, con experiencia opcional en Node.js y comunicación basada en WebSocket.

Número de participantes


Precio por participante

Reseñas (1)

Próximos cursos

Categorías Relacionadas