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?
Respuesta
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)
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
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
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
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
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/
encontrado este artículo en Medium https://medium.com/@muehler.v/simple-hand-gesture-recognition-using-opencv-and-javascript-eb3d6ced28a0 con enlace al repositorio Github.
- 1. jQuery webcam/flash: ¿Cómo detectar si la webcam está activa?
- 2. Usando la webcam para seguir los gestos de la mano
- 3. cómo detectar deslizar la dirección del gesto?
- 4. Cómo detectar un gesto de deslizamiento en la vista web
- 5. Detectar el tap con pyaudio desde el micrófono en vivo
- 6. Cómo utilizar el mapa de Android para hacer zoom con gesto con la mano (como el iphone)
- 7. Implementando la carpeta "en vivo" de jQuery con Javascript nativo
- 8. Cómo detectar un gesto de tap en las subvistas
- 9. Cómo detectar la ejecución de javascript en el control WebBrowser
- 10. ¿Cómo detectar la pérdida de red en Javascript?
- 11. Capturar fotogramas desde la webcam con DirectShow.NET
- 12. Detectar gesto del usuario, como deslizar
- 13. Detectar la incrustación de iFrame en Javascript
- 14. ¿Cómo hacer la edición simultánea en vivo?
- 15. problemas con el cursor de la mano del canvas html5
- 16. Editar bloques de JavaScript de la página web ... en vivo
- 17. Detectar compatibilidad para la transición con JavaScript
- 18. Cómo capturar el gesto Tap en MKMapView
- 19. Detectar HTTPS con JavaScript
- 20. Javascript en vivo editar en Safari?
- 21. Pan gesto desordena la dirección en función de la rotación
- 22. ¿Cómo implementa Youtube la transmisión en vivo?
- 23. iOS: ¿Cómo implementar el reconocimiento de escritura a mano?
- 24. siempre acepta la solicitud webRTC webcam
- 25. Cómo obtener la ruta de índice de la celda en el gesto de deslizamiento UITableView
- 26. Detectar el carácter ingresado con JavaScript
- 27. Detectar URL en texto con JavaScript
- 28. La funcionalidad en vivo de jQuery sin jQuery
- 29. Detectar la dirección de selección del usuario con javascript
- 30. Cómo detectar toques en la barra de estado
Probablemente algo raro. –
El reconocimiento de gestos con la mano es extremadamente complicado y seguramente no encontrará una biblioteca de JavaScript para hacerlo. – JJJ
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