2012-04-19 131 views
20

我将直播网页嵌入html页面。现在我想找到手势。如何使用JavaScript做到这一点,我不知道。我google了很多,但没有得到任何好主意来完成这一点。所以任何人都知道这个?这个怎么做。如何使用javascript在现场摄像头中检测手势?

+2

可能有些闪光thingy。 – 2012-04-19 11:55:44

+0

手势识别非常复杂,你一定不会找到一个JavaScript库来做到这一点。 – JJJ 2012-04-19 11:57:35

+0

不,你不能在JS中编写引擎来做到这一点。 JS纯粹用于DOM操作和带有一定动画能力的样式扩展。您需要为Windows创建一个activeX插件,并且不能确定Mac的 – ppumkin 2012-04-19 12:02:47

回答

37

访问网络摄像头需要HTML5 WebRTC API,除了Internet Explorer或iOS之外,大多数现代浏览器都提供此API。

手姿势检测可以使用JavaScript中哈尔级联分类器(从移植的OpenCV)与js-objectdetectHAAR.js来完成。使用JS-objectdetect在JavaScript/HTML5

:开放式与关闭手检测(美国手语字母的 “A” 手势)

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 2012-04-19 12:03:22

+0

HTML5是实现这一目标所必需的。由凸轮收集的数据将有两种类型,一种是已经渲染的视频(图片),另一种是身体部位数据(尺寸:X,Y宽度,长度等)的文本数据。这些数据可以在html5画布上用于渲染,或者只是在某个div中显示为文本。 – Adil 2012-04-19 12:16:08

+0

并且此解决方案仅用于* kinect *? OP没有提及任何特定的相机,而只是一般的网络相机。 – Joseph 2012-04-19 12:38:43

4

下面是JavaScript手跟踪演示 - 它依赖于它尚未在所有典型的浏览器支持HTML5功能,它并没有很好地都在这里工作,我不要相信它涵盖了手势,但它可能是一个开始:http://code.google.com/p/js-handtracking/