Tracking.js —— 实现网页上的人脸识别

Tracking.js 详细介绍
Tracking.js 库给浏览器带来不同的计算机视觉算法和技术,通过使用流行的 HTML5 规范可以让你实时的对网页进行颜色跟踪、人脸识别等等。而且该库体积小 (~7k),接口直观。

在线人脸识别演示:http://trackingjs.com/examples/face_tag_friends.html

示例代码:

var colors = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']);

colors.on('track', function(event) {
  if (event.data.length === 0) {
    // No colors were detected in this frame.
  } else {
    event.data.forEach(function(rect) {
      // rect.x, rect.y, rect.height, rect.width, rect.color
    });
  }
});

tracking.track('#myVideo', colors);
时间: 2024-10-25 19:16:52

Tracking.js —— 实现网页上的人脸识别的相关文章

现场体验:蚂蚁金服开放“刷脸取件”,快递行业也搭上了“人脸识别”这趟快车

9月14日,支付宝和菜鸟在上海举办物流开放大会,宣布面向中小物流企业开放从最基础的支付到营销.信用.金融等能力.同时,蚂蚁金服也宣布将向物流行业开放其人脸识别技术,实现自提柜"刷脸取件". 快递柜也用上了人脸识别 大会现场展示了蚂蚁金服联合自提柜厂商"递易"打造的首台刷脸自提柜样机,雷锋网记者第一时间进行了体验,并于会后同多家媒体对蚂蚁金服生物识别技术负责人陈继东.蚂蚁金服物流行业总监浩瀚.蚂蚁金服商户事业部总经理章言进行了群访. 据现场工作人员演示,快递员往自提柜

JS实现网页上随滚动条滚动的层效果代码_javascript技巧

本文实例讲述了JS实现网页上随滚动条滚动的层效果代码.分享给大家供大家参考,具体如下: 这款网页上随滚动条滚动层代码,拖动滚动条即可看到效果,对联广告的代码也都是基于此的,右侧的浮动层同样是可以关闭的稍微加工,便可实现一个浮动广告的代码,运行一下,先看效果吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-web-fixed-scroll-adv-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3

JS实现网页上随机产生超链接地址的方法_javascript技巧

本文实例讲述了JS实现网页上随机产生超链接地址的方法.分享给大家供大家参考,具体如下: 这是一个JavaScript的应用,每刷新一次页面,会自动更换一次链接,虽然不常用,不过对Javascript随机函数Math.random() 的使用将直到引导作用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-math-rand-url-show-codes/ 具体代码如下: <html> <head> <title>在

JS实例:网页上图片延迟加载的JS代码

效果可以直接看淘宝的商品分类页.还有QQ的商城页 相关地址: 淘宝商城显示 大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的. 实现原理  把所有需要延时加载的图片改成如下的格式: <img lazy_src="图片路径" border="0"/> 然后在页面加载时,把所有

基于HTML5 的人脸识别技术核心代码

绍一个网站,演示了通过 HTML5 + JavaScript 技术实现的人脸识别,目前仅适用于 Chrome浏览器,首先需要在地址栏输入 about:flags ,然后找到"启用 MediaStream" 这一项,点击"启用" 后重启 Chrome 浏览器 然后打开下面地址: http://neave.com/webcam/html5/face/ 当你摇头晃脑的时候,那副眼镜会跟着移动并帮你戴上眼镜. 你可以查看网页源码来了解具体的实现细节. -----------

基于 HTML5 的人脸识别技术

介绍一个网站,演示了通过http://www.aliyun.com/zixun/aggregation/79228.html"> HTML5 + JavaScript 技术实现的人脸识别,目前仅适用于 Chrome浏览器,首先需要在地址栏输入 about:flags ,然后找到"启用 MediaStream" 这一项,点击"启用" 后重启 Chrome 浏览器 然后打开下面地址: http://neave.com/webcam/html5/face/

基于HTML5的人脸识别技术

介绍一个网站,演示了通过http://www.aliyun.com/zixun/aggregation/79228.html"> HTML5 + JavaScript 技术实现的人脸识别,目前仅适用于 Chrome浏览器,首先需要在地址栏输入 about:flags ,然后找到"启用 MediaStream" 这一项,点击"启用" 后重启 Chrome 浏览器 然后打开下面地址: http://neave.com/webcam/html5/face/

人脸识别搜索将给我们带来什么

昨天,<新京报>的人物版用了整整三个版的篇幅介绍了不是明星胜似明星的Paris.Hilton,标题好像是"从大欲女到大狱女".也许是我太孤陋寡闻,在此之前从来没有听说这么号人物,便随口问了问在旁边看书的爱人.娱乐通的爱人立马告诉了很多Paris.Hilton的奇闻轶事.乖乖,原来这位现在可谓红得发紫.紫得发黑. 厮混在IT业,养成了搜索的良好的习惯.既然是女明星,我的一向习惯是先搜照片看看.在搜索框中输入伊人的名字Paris,返回各种各样和"Paris"

以后取钱靠刷脸 人脸识别何以得青睐?

刚刚iPhoneX采用FACEID对人脸识别的热议还没过去,农业银行ATM机上线刷脸付款的消息又刷屏了.近日,农行总行下发通知,要求全国推广.将为全国24064家分支机构.30089台柜员机.10万个ATM机安装人脸识别系统!作为四大行之一,农业银行的此举无疑将人脸识别在金融银行行业的应用推向新的高峰. 以后取钱靠刷脸 人脸识别何以得青睐? 据悉,此次农行"刷脸取款"全部采用最新的红外活体检测技术,该技术的供应厂家也是人脸识别领域的佼佼者--云从科技.通过对人体面部60多,106,甚至