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

  1. navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' }, audio: false })
  2. Forzar cámara frontal con facingMode: { exact: 'user' } en móvil.
  3. Renderizar stream en <video autoplay playsinline muted>.
  4. Capturar frames dibujando en <canvas>canvas.toBlob('image/jpeg', 0.95).
  5. No incluir <input type="file"> en el flujo de selfie.
  6. Enviar frames al backend vía WebSocket para análisis en tiempo real.
  7. Aplicar constraint de resolución mínima: { width: { min: 640 }, height: { min: 480 } }.

Notes

Related skills
Installs
3
First Seen
Mar 6, 2026