今天给大家介绍的是一款HTML5调用本地摄像头，然后识别人体的手掌的动画应用。当HTML5调起本地摄像头后，你只要在镜头前挥动你的双手，摄像头就会自动识别，并且在视频中显示，更厉害的是，它可以精确识别到手指手腕的关节，并且在你伸展手指时，相应的关节部位的节点就会随着伸展联动。这当然用到了一些JS库，你可以下载源码了解详情。另外，这款应用要部署在服务器上才可以运行，本地无法使用。
标签归档：摄像头
使用HTML5技术控制电脑或手机上的摄像头
9,778 人浏览
2014-05-02 10:06:44
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机。下面就让我展示一下如何通过浏览器来访问你的摄像头，并提取截屏图形。
HTML代码
下面的代码里我写了一部分注释，请阅读：
<!-- 理想情况下我们应该先判断你的设备上是否 有摄像头或相机，但简单起见，我们在这里直接 写出了HTML标记，而不是用JavaScript先判断 然后动态生成这些标记 --> <video id="video" width="640" height="480" autoplay></video> <button id="snap">Snap Photo</button> <canvas id="canvas" width="640" height="480"></canvas>
在写出上面这些标记前应该判断用户[......]