2012-04-19 13 views
20

Wbudowana kamera internetowa na stronie html. Teraz chcę znaleźć gesty rąk. Jak to zrobić, używając JavaScript, nie mam pojęcia. Przeszukałem wiele, ale nie miałem dobrego pomysłu, aby to zrobić. Więc ktoś o tym wie? jak to zrobić.Jak wykrywać gest ręki w kamerce internetowej przy użyciu javascript?

+2

Prawdopodobnie trochę flasha. –

+0

Rozpoznawanie gestów rąk jest niezwykle skomplikowane i na pewno nie znajdziesz biblioteki JavaScript, aby to zrobić. – JJJ

+0

NIE, nie można napisać silnika w JS, aby to zrobić. JS jest przeznaczony wyłącznie do manipulacji DOM i rozszerzeń stylu z pewną zdolnością animacji. Będziesz musiał utworzyć wtyczkę activeX dla Windows i nie wiesz, co jest równoważne dla Maców – ppumkin

Odpowiedz

37

Dostęp do kamery wymaga API WebRTC HTML5, który jest dostępny w większości nowoczesnych przeglądarek oprócz Internet Explorera lub iOS.

wykrywanie gest rąk można zrobić w JavaScript używając Haar Cascade klasyfikatorów (przeniesiony z OpenCV) z js-objectdetect lub HAAR.js.

Przykład użyciu JS-objectdetect w JavaScript/HTML5: Open vs. zamknięte wykrywanie ręczny ("A" gest amerykańskiego języka migowego alfabetu)

Open handClosed hand or "A" gesture

2

Musisz mieć jakieś urządzenie wykrywające ruch (Camera) i możesz użyć kinect, aby uzyskać ruch różnych części ciała. Będziesz musiał przesłać dane w przeglądarce informujące o częściach ciała i miejscu, w którym możesz manipulować danymi zgodnie z wymaganiami.

Tutaj możesz dowiedzieć się, jak możesz to zrobić. Motion detection and rendering

Więcej o kinect General info

+1

Musisz powiedzieć w swojej odpowiedzi, że obsługuje tylko HTML5 .. sugerujesz, że będzie działać z JS .. co jest nieprawdą. Będzie to również działać tylko w IE 9+ chrome, FF i Safari i najprawdopodobniej w Windowsie Tylko przy użyciu frameworków .NET .... – ppumkin

+0

HTML5 jest niezbędny do osiągnięcia tego. Dane zgromadzone przez kamerę będą składały się z dwóch typów: wideo (obrazy), które są już renderowane, a inne będą danymi tekstowymi danych części ciała (wymiar: X, Y szerokość, długość itd.). Te dane mogą być użyte do renderowania na płótnie html5 lub po prostu pokazane w jakimś div jako tekst. – Adil

+0

i to rozwiązanie jest przeznaczone tylko dla * kinect *? OP nie wspomniał o żadnej konkretnej kamerze, ale ogólnie o kamerze internetowej. – Joseph

4

Tutaj jest JavaScript ręcznie śledzenia demo - opiera się na HTML5 funkcji, które nie zostały jeszcze włączone we wszystkich typowych przeglądarek, to nie działa dobrze na wszystkich tutaj, a ja nie wierzę, że obejmuje gesty, ale może to być dla ciebie początek: http://code.google.com/p/js-handtracking/

Powiązane problemy