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 de permisos y estado
- Limitaciones y compatibilidad del navegador
2. Lectura de Dispositivos Multimedia con navigator.mediaDevices
- Listado de dispositivos
- Gestión de cambios en los dispositivos
3. Compatibilidad Multiplataforma
- Uso de API:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Estrategia de fallback para 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
- Descargar archivo .webm
- Vista previa de forma de onda en tiempo real
Añadidos opcionales:
- Guardar en formato .wav utilizando ScriptProcessorNode
- Visualización del espectro FFT de audio
- Barrera de volumen en decibelios
- Reconocimiento de voz con webkitSpeechRecognition
Conexión Punto a Punto
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 mediante WebRTC
- Arquitectura: Node.js + ws
- Cliente WebRTC: RTCPeerConnection
- Pruebas locales E2E
Características Opcionales:
- Colgar la llamada (cerrar conexión, detener multimedia)
- Llamadas grupales (salas multiusuario)
- Autenticación simple basada en tokens
3. Intercambio 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 y Vídeo
- Negociación y control
- Estrategias de fallback
5. Estadísticas de WebRTC con getStats()
- Tipos de estadísticas
- Cómo interpretar las estadísticas
- Gráficos de ancho de banda/jitter en directo
- Estrategias de adaptación de calidad
6. Todos los temas son
- Caso práctico interactivo
Requerimientos
Este curso es ideal para desarrolladores frontend y full-stack, arquitectos técnicos e ingenieros que construyen características de comunicación en tiempo real basadas en el navegador, como chat de vídeo, intercambio 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.
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
