2012-04-19 22 views
20

I embedded live web cam to html page. Ahora quiero encontrar gestos con las manos. Cómo hacer esto usando JavaScript, no tengo idea. Busqué mucho en Google pero no tuve una buena idea para completar esto. Entonces, ¿alguien sabe sobre esto? como hacer esto.¿Cómo detectar el gesto de la mano en la webcam en vivo con javascript?

+2

Probablemente algo raro. –

+0

El reconocimiento de gestos con la mano es extremadamente complicado y seguramente no encontrará una biblioteca de JavaScript para hacerlo. – JJJ

+0

NO, no puede escribir un motor en JS para hacer eso. JS es puramente para manipulación de DOM y extensiones de estilo con alguna capacidad de animación. Necesitarás hacer un plugin activeX para Windows y no estoy seguro de lo que es equivalente para Macs – ppumkin

Respuesta

37

El acceso a la cámara web requiere la API WebRTC HTML5 que está disponible en la mayoría de navegadores modernos, excepto Internet Explorer o iOS.

detección del gesto de mano puede hacerse en JavaScript utilizando Haar Cascade clasificadores (portado desde OpenCV) con js-objectdetect o HAAR.js.

Ejemplo usando js-objectdetect en JavaScript/HTML5: vs. abierto cerrado de detección de la mano (la "A" gesto de la American alfabeto lenguaje de signos)

Open handClosed hand or "A" gesture

2

Necesita tener algún dispositivo de detección de movimiento (Cámara) y puede usar kinect para obtener el movimiento de diferentes partes del cuerpo. Tendrá que enviar datos en el navegador para informarle sobre las partes del cuerpo y la posición donde puede manipular los datos según sus requisitos

Aquí puede encontrar cómo puede hacerlo. Motion detection and rendering

Más sobre kinect General info

+1

Debes decir en tu respuesta que solo es compatible con HTML5 ... implica que funcionará con JS ... lo cual no es cierto. Además, esto solo funcionará en IE 9+ Chrome, FF y Safari y muy probablemente solo en Windows utilizando .NET frameworks .... – ppumkin

+0

HTML5 es necesario para lograr esto. Los datos recopilados por cámara serán de dos tipos: video (imágenes) que ya están en proceso de renderizado y otros serán datos de texto de datos de partes del cuerpo (dimensión: X, ancho Y, longitud, etc.). Esta información podría usarse para renderizar en lienzo html5 o simplemente mostrarse en algún div como texto. – Adil

+0

y esta solución es solo para * kinect *? el OP no mencionó ninguna cámara específica, sino solo una cámara web en general. – Joseph

4

que aquí hay una mano de seguimiento de demostración JavaScript - que se basa en características de HTML5 que aún no están habilitados en todos los navegadores típicos, que no funciona bien en todos aquí, y yo no creo que cubra los gestos, pero podría ser un comienzo para usted: http://code.google.com/p/js-handtracking/

Cuestiones relacionadas