javascript语言搭建基于人脸检测的…
2014-01-15 12:21
465 查看
http://blog.jobbole.com/31213/
headtrackr 是一个用于实时脸部追踪和头部追踪的
JS 库。通过网络摄像头和 webRTC/getUserMedia 标准,在相关计算机屏幕上追踪用户头部的位置。
如果你要看示例,可观看这个视频。或者拿有摄像头、浏览器支持 webRTC/getUserMedia 的笔记本,试试下面的例子。(你所使用的浏览器是否支持
webRTC/getUserMedia,请看这个网页。)
示例
使用方法
下载 headtrackr.js 库,在代码载入。
下面代码,video
元素将用于 mediastream,canvas元素用于复制videoframes。
当头部追踪启动后,会生成两个事件 headtrackingEvent 和 facetrackingEvent。headtrackingEvent
事件有3个属性: x、 y、 z,表示用户头部在屏幕中心的估测位置,以厘米为单位。facetrackingEvent
事件有5个属性: x、 y、 width、height、angle,表示用户脸部的估测位置,和在视频中的大小。
你也可以创建一个事件监听器来处理这些事件,或者如果你在用three.js,可以尝试用其中的 pre-packaged
controllers 做伪3D效果。
如果想知道更多使用方法,请查看以上事例的源码。Reference - Overview
许可
Headtrackr.js 遵循 MIT
License,其中来自 Liu
Liu 和 Benjamin
Jung 贡献的代码分别遵循 BSD-3
License 和 MIT
License respectively。
英文原文:headtrackr,编译:伯乐在线
译文链接:http://blog.jobbole.com/31213/
【如需转载,请在正文中标注并保留原文链接、译文链接和译者等信息,谢谢合作!】
headtrackr 是一个用于实时脸部追踪和头部追踪的
JS 库。通过网络摄像头和 webRTC/getUserMedia 标准,在相关计算机屏幕上追踪用户头部的位置。
如果你要看示例,可观看这个视频。或者拿有摄像头、浏览器支持 webRTC/getUserMedia 的笔记本,试试下面的例子。(你所使用的浏览器是否支持
webRTC/getUserMedia,请看这个网页。)
示例
使用方法
下载 headtrackr.js 库,在代码载入。
1 | <script src= "js/headtrackr.js" ></script> |
元素将用于 mediastream,canvas元素用于复制videoframes。
1 2 3 4 5 6 7 8 9 10 | <canvas id= "inputCanvas" width= "320" height= "240" style= "display:none" ></canvas> <video id= "inputVideo" autoplay loop></video> <script type= "text/javascript" > var videoInput = document.getElementByIdx_x( 'inputVideo' ); var canvasInput = document.getElementByIdx_x( 'inputCanvas' ); var htracker = new headtrackr.Tracker(); htracker.init(videoInput, canvasInput); htracker.start(); </script> |
事件有3个属性: x、 y、 z,表示用户头部在屏幕中心的估测位置,以厘米为单位。facetrackingEvent
事件有5个属性: x、 y、 width、height、angle,表示用户脸部的估测位置,和在视频中的大小。
你也可以创建一个事件监听器来处理这些事件,或者如果你在用three.js,可以尝试用其中的 pre-packaged
controllers 做伪3D效果。
如果想知道更多使用方法,请查看以上事例的源码。Reference - Overview
许可
Headtrackr.js 遵循 MIT
License,其中来自 Liu
Liu 和 Benjamin
Jung 贡献的代码分别遵循 BSD-3
License 和 MIT
License respectively。
英文原文:headtrackr,编译:伯乐在线
译文链接:http://blog.jobbole.com/31213/
【如需转载,请在正文中标注并保留原文链接、译文链接和译者等信息,谢谢合作!】
相关文章推荐
- Win端搭建基于ncnn框架的MTCNN人脸检测
- 基于Google自带算法实时检测人脸并绘制人脸框(网络首发,附完整demo)
- 基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
- Python基于OpenCV的人脸检测
- [转]基于 C 语言的 JavaScript 引擎探索
- 基于AdaBoost的人脸检测
- 基于Adaboost的人脸检测算法
- 基于Javascript的人脸探测技术
- 基于 MTCNN/TensorFlow 实现人脸检测
- 【Caffe实践】基于Caffe的人脸关键点检测实现
- SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块
- SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块
- SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块
- 基于iOS的OpenCV之人脸检测(二)
- 如何使基于OpenCV库的人脸检测系统在其它机器上运行
- 【Caffe实践】基于Caffe的人脸检测实现
- 基于CNN的人脸相似度检测
- dlib 14 dlib自带demo 基于DNN的人脸检测
- SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块 【转】
- SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块