Temario del curso
Gestión 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 de permisos y estado
- Limitaciones y compatibilidad entre navegadores
2. Lectura de Dispositivos Multimedia con navigator.mediaDevices
- Enumeración 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 en Safari
4. Manejo de Dispositivos Multimedia
- Inicialización del dispositivo: getUserMedia(constraints)
- Restricciones del dispositivo multimedia
- Iniciar y detener 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
- Vista previa de forma de onda en tiempo real
Complementos 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 entre Pares
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 Video vía WebRTC
- Arquitectura: Node.js + ws
- Cliente WebRTC: RTCPeerConnection
- Pruebas E2E locales
Características Opcionales:
- Colgar la llamada (cerrar conexión, detener medios)
- Conferencias grupales (salas multiusuario)
- Autenticación simple basada en tokens
3. Compartición de Pantalla
- Uso de getDisplayMedia()
- Arquitectura y opciones
4. Protocolo de Descripción de Sesión (SDP)
- Introducción y contenidos
- Lectura e interpretación de SDP
- Códecs:
- Audio y Video
- 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 tasa de bits y jitter en vivo
- Estrategias de adaptación de calidad
6. Todos los temas son
- Caso práctico orientado a la mano en la práctica
Requerimientos
Este curso es ideal para desarrolladores frontend 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 video, 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.
Testimonios (3)
Realmente disfruté aprender sobre los ataques de IA y las herramientas disponibles para comenzar a practicar y utilizarlas activamente en pruebas de seguridad. Adquirí muchos conocimientos que no tenía al inicio, y el curso cumplió con lo que esperaba. Mi parte favorita del entrenamiento fue el navegador Comet, y quedé impresionado por lo que podía hacer. Sin duda seguiré explorándolo más. En general, fue un excelente curso y disfruté aprender sobre los Top 10 de OWASP para GenAI.
Patrick Collins - Optum
Curso - OWASP GenAI Security
Traducción Automática
Prácticas, ejercicios, asistencia presencial y resolución de dudas.
Jose Paulos - INESC TEC
Curso - Tailwind CSS
Traducción Automática
Que cada lección técnica venía acompañada de múltiples ejercicios prácticos para afianzar los conceptos.
Andrei-Calin Bajea
Curso - OWASP Top 10 2025
Traducción Automática
