2012-04-19 5 views
20

Ho incorporato live web cam in pagina html. Ora voglio trovare i gesti delle mani. Come farlo usando JavaScript, non ne ho idea. Ho cercato su Google ma non ho avuto nessuna buona idea per completare questo. Quindi qualcuno sa di questo? come fare questo.Come rilevare il gesto della mano nella webcam live usando javascript?

+2

Probabilmente alcuni oggetti flash. –

+0

Il riconoscimento dei gesti della mano è estremamente complicato e sicuramente non troverai una libreria JavaScript per farlo. – JJJ

+0

NO, non è possibile scrivere un motore in JS per farlo. JS è puramente per la manipolazione DOM e le estensioni di stile con una certa capacità di animazione. Dovrai creare un plugin activeX per Windows e non sono sicuro di quale sia l'equivalente per i Mac – ppumkin

risposta

37

L'accesso alla webcam richiede l'API WebRTC HTML5 che è disponibile nella maggior parte dei browser moderni oltre a Internet Explorer o iOS.

Gesto di mano di rilevamento può essere fatto in JavaScript utilizzando Haar Cascade Classificatori (porting da OpenCV) con js-objectdetect o HAAR.js.

Esempio utilizzando js-objectdetect in JavaScript/HTML5: aperto vs chiuso il rilevamento delle mani (il gesto "A" della lingua dei segni americana alfabeto)

Open handClosed hand or "A" gesture

2

È necessario disporre di un dispositivo di rilevamento del movimento (fotocamera) ed è possibile utilizzare kinect per ottenere il movimento di diverse parti del corpo. Dovrai inviare i dati nel browser che indicano le parti del corpo e la posizione in cui puoi manipolare i dati in base alle tue esigenze

Qui puoi trovare come puoi realizzarlo. Motion detection and rendering

più su Kinect General info

+1

Nella tua risposta devi dire che supporta solo HTML5 .. implica che funzionerà con JS .. che non è vero. Anche questo funzionerà solo in IE 9+ chrome, FF e Safari e molto probabilmente solo su Windows usando i framework .NET .... – ppumkin

+0

HTML5 è necessario per raggiungere questo obiettivo. I dati raccolti dalla cam saranno di due tipi su video (immagini) che sono già in rendering e altri saranno dati di testo dei dati delle parti del corpo (dimensione: X, larghezza Y, lunghezza ecc.). Questi dati potrebbero essere usati per il rendering su canvas html5 o semplicemente mostrati in qualche div come testo. – Adil

+0

e questa soluzione è solo per * kinect *? l'OP non ha menzionato alcuna telecamera specifica, ma solo una webcam in generale. – Joseph

4

Questo vuole essere un JavaScript mano-tracking demo - si basa su funzionalità HTML5 che non sono ancora abilitati in tutti i browser tipici, non funziona affatto bene qui, e io non credete che copra i gesti, ma potrebbe essere un inizio per voi: http://code.google.com/p/js-handtracking/

Problemi correlati