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 (leer/escribir)
- 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 para Safari
4. Manejo de Dispositivos Multimedia
- Inicialización del dispositivo: getUserMedia(constraints)
- Restricciones de dispositivos multimedia
- Iniciar y detener flujos multimedia
- Gestión de cambios en los dispositivos
5. Grabación de Dispositivos con MediaRecorder
- Iniciar/detener la transmisión y grabación
- Descargar archivo .webm
- Vista previa de onda en tiempo real
Módulos opcionales adicionales:
- Guardar en formato .wav usando ScriptProcessorNode
- Visualización del espectro FFT de audio
- Barrera 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. Videollamada vía WebRTC
- Arquitectura: Node.js + ws
- Cliente WebRTC: RTCPeerConnection
- Pruebas locales E2E
Funcionalidades opcionales:
- Colgar llamada (cerrar conexión, detener multimedia)
- Videollamadas grupales (salas multiusuario)
- Autenticación simple basada en tokens
3. Uso Compartido de Pantalla
- Uso de getDisplayMedia()
- Arquitectura y opciones
4. Protocolo de Descripción de Sesión (SDP)
- Introducción y contenido
- Lectura e interpretación de SDP
- Códecs:
- Audio & 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 velocidad de bits y jitter en vivo
- Estrategias de adaptación de calidad
6. Todos los temas son
- Caso práctico
Requerimientos
Este curso es ideal para desarrolladores front-end y full-stack, arquitectos técnicos e ingenieros que construyan características de comunicación en tiempo real basadas en el navegador, como chat de vídeo, uso compartido de pantalla o transmisión de audio. Los participantes deben tener un conocimiento práctico de JavaScript y tecnologías web, con experiencia opcional en Node.js y comunicación basada en WebSocket.
Reseñas (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
