2012-04-19 2 views
20

Я встроил веб-камеру в реальном времени на страницу html. Теперь я хочу найти жесты для рук. Как это сделать с помощью JavaScript, у меня нет идеи. Я много гугл, но не получил никакой хорошей идеи, чтобы закончить это. Так кто-нибудь знает об этом? как это сделать.Как определить жест рукой в ​​веб-камере, используя javascript?

+2

Возможно, какая-то флеш-штучка. –

+0

Распознавание жестов вручную чрезвычайно сложно, и вы, конечно же, не найдете библиотеку JavaScript для этого. – JJJ

+0

НЕТ, вы не можете написать движок в JS для этого. JS предназначен исключительно для DOM-манипуляций и расширений стиля с некоторой способностью анимации. Вам нужно будет сделать плагин activeX для Windows и не уверен, что эквивалентно для Mac – ppumkin

ответ

37

Для доступа к веб-камере требуется API HTML5 WebRTC, который доступен в большинстве современных браузеров, кроме Internet Explorer или iOS.

обнаружения рук жест может быть сделано в JavaScript с помощью Хаара Cascade классификаторов (портированы из OpenCV) с js-objectdetect или HAAR.js.

Пример с помощью JS-objectdetect в JavaScript/HTML5: Открыть по сравнению с закрытым обнаружение руки ("А" жест американского языка жестов алфавита)

Open handClosed hand or "A" gesture

2

У вас должно быть устройство обнаружения движения (камера), и вы можете использовать kinect для получения движения разных частей тела. Вам необходимо будет отправить данные в браузере, рассказывая о частях тела и позиции, где вы можете манипулировать данными в соответствии с вашими требованиями.

Здесь вы можете найти, как это сделать. Motion detection and rendering

Подробнее о Kinect General info

+1

Вам нужно сказать, что в вашем ответе он поддерживает только HTML5 .. вы подразумеваете, что он будет работать с JS .., что неверно. Также это будет работать только в IE 9+ chrome, FF и Safari и, скорее всего, в Windows Только с использованием .NET-фреймворков .... – ppumkin

+0

HTML5 необходим для достижения этого. Данные, собранные кулачком, будут двух типов: будут видео (изображения), которые уже отображаются, а другие будут текстовыми данными данных частей тела (размер: X, ширина Y, длина и т. Д.). Эти данные могут быть использованы для рендеринга на холсте html5 или просто показаны в некотором div как текст. – Adil

+0

и это решение для * kinect только *? OP не упоминает какую-либо конкретную камеру, а просто веб-камеру в целом. – Joseph

4

Вот является JavaScript вручную отслеживания демо - это зависит от возможностей HTML5, которые еще не включены во всех типичных браузерах, это не очень хорошо работает на всех здесь, и я не верьте, что это касается жестов, но это может быть для вас началом: http://code.google.com/p/js-handtracking/

Смежные вопросы