webrtc_media_devices
Installation
SKILL.md
webrtc_media_devices
WebRTC y MediaDevices permiten capturar video en tiempo real desde la cámara, garantizando que la imagen es tomada en el momento y no subida desde galería.
When to use
Usar en el frontend web para toda captura de selfie y video de liveness.
Instructions
navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' }, audio: false })- Forzar cámara frontal con
facingMode: { exact: 'user' }en móvil. - Renderizar stream en
<video autoplay playsinline muted>. - Capturar frames dibujando en
<canvas>→canvas.toBlob('image/jpeg', 0.95). - No incluir
<input type="file">en el flujo de selfie. - Enviar frames al backend vía WebSocket para análisis en tiempo real.
- Aplicar constraint de resolución mínima:
{ width: { min: 640 }, height: { min: 480 } }.
Notes
Related skills
More from davidcastagnetoa/skills
traefik
Reverse proxy moderno con autodiscovery nativo en Kubernetes y Let's Encrypt
67easyocr
OCR alternativo a PaddleOCR, excelente en caracteres especiales y múltiples scripts
36prisma-nestjs-patterns
>
26c4_model_structurizr
Diagramas de arquitectura C4 como código con Structurizr DSL, versionados en Git
24exif_metadata_analyzer
Analizar metadatos EXIF para detectar edición previa con Photoshop, GIMP u otros editores
19insightface_arcface
Reconocimiento facial de estado del arte con ArcFace R100 para comparar selfie con foto del documento
15