Contacta con nosotros

Temario del curso

Manejo de Dispositivos Multimedia

1. Permisos del Navegador con navigator.permissions

  • Acceso al hardware:
    • Cámara web
    • Micrófono
  • Permisos opcionales:
    • Geolocalización
    • Notificaciones
    • Portapapeles (lectura/escritura)
  • Consulta y estado de los permisos
  • Limitaciones y compatibilidad con navegadores

2. Lectura de Dispositivos Multimedia con navigator.mediaDevices

  • Listado de dispositivos
  • Gestión de cambios en los dispositivos

3. Compatibilidad entre Navegadores

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

4. Manejo de Dispositivos Multimedia

  • Inicialización del dispositivo: getUserMedia(constraints)
  • Restricciones del dispositivo multimedia
  • Inicio y detención de flujos multimedia
  • Gestión de cambios en los dispositivos

5. Grabación de Dispositivos con MediaRecorder

  • Iniciar/detener transmisión y grabación
  • Descarga de archivo .webm
  • Previsualización en tiempo real de la onda

Componentes opcionales:

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

Conexión Punto a Punto (Peer Connection)

1. Servidores de Señalización

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

2. Chat de Vídeo a través de WebRTC

  • Arquitectura: Node.js + ws
  • Cliente WebRTC: RTCPeerConnection
  • Pruebas locales de extremo a extremo (E2E)

Características Opcionales:

  • Cierre de llamada (cerrar conexión, detener medios)
  • Llamadas grupales (salas multiusuario)
  • Autenticación simple basada en tokens

3. Compartición de Pantalla

  • Uso de getDisplayMedia()
  • Arquitectura y opciones disponibles

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

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

5. Estadísticas de WebRTC con getStats()

  • Tipos de estadísticas
  • Cómo interpretar las estadísticas
  • Gráficos de bitrate y jitter en vivo
  • Estrategias de adaptación de calidad

6. Todos los temas son

  • Casos prácticos

Requerimientos

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

 14 Horas

Número de participantes


Precio por participante

Reseñas (3)

Próximos cursos

Categorías Relacionadas