DEV Community 👩‍💻👨‍💻

Julio Suarez (Juls Schwartz)
Julio Suarez (Juls Schwartz)

Posted on • Updated on

Web Video API - PoderesSecretosWeb

Existen varias APIs web que estan aqui agrupadas como el Web Video API, estos serian los principales super poderes que nos otorgarian:

  1. Tomar la entrada de la webcam y procesarla
  2. Tomar la entrada de la misma pantalla y grabarla
  3. Generar archivos de video MP4 a partir de animacion en canvas y o en CSS/SVG.
  4. Vision robotica y en general entrada con la Webcam
  5. Detectando caras en html
  6. Removiendo el background
  7. Usando la webcam como Joystick u otros dispositivos virtuales de entrada.
  8. Videojuegos con la webcam, Interaccion de elementos y la webcam
  9. Leyendo QR desde una webcam.
  10. Realidad aumentada en la webcam.

(Esto es un trabajo en proceso y poco a poco ire agregando a todos esos puntos)

1. Entrada desde la webcam

Demo en codepen de entrada desde la webcam con fondo animado

2. Screen capture API,

Documentacion MDN de la Screen capture API

w3c mediacapture recorder API

documentacion MediaRecorder de developer.mozilla

Casos de uso y demos en codepen.

  • Generar archivos de video MP4 a partir de animaciones en canvas.
  • Tomar y modificar la entrada de la webcam
  • Grabar video de la pantalla. Demo en codemen de WebVideoRecorder
  • RTM, enviar transmisiones de video

10. Leyendo QR desde la webcam o la camara.por ahora les paso el link. https://daily-dev-tips.com/posts/detecting-barcodes-from-the-webcam/

Top comments (0)

DEV

Thank you.

 
Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.