搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏高端IT
高级web网页人脸识别tracking.js
小编精心整理了一个人脸识别的JavaScript库（tracking.js），通过这篇文章，你可以了解到如何在网页中实现一个人脸识别功能。 tracking.js Tracking.js 是一个独立的JavaScript库，用于跟踪从相机实时收到的数据。 1 示例案例图片人脸识别效果图实现思路通过tracking.js获取图片中人脸的信息，然后根据这些信息绘制相对应的div框即可。
3.1K10编辑于 2022-04-19
来自专栏web秀
人脸识别JavaScript也可以轻松搞定
tracking.js tracking.js 库将不同的计算机视觉算法和技术引入浏览器环境。通过使用现代HTML5规范，能够进行实时颜色跟踪、人脸检测等等。而这些牛逼的功能，仅仅只有7kb大小。 tracking.js文档地址 tracking.js示例地址人脸识别示例 <script src="./tracking-min.js"></script> <script src=". img.offsetLeft + x) + 'px'; rect.style.top = (img.offsetTop + y) + 'px'; }; }; </script> 代码解析： 1、首先引入<em>tracking.js</em> <em>tracking.js</em> ? JqueryFaceDetection ? 这下就好说明问题了，<em>tracking.js</em>略胜一筹。颜色识别颜色识别只需要引入tracking-min.js即可。其他 <em>tracking.js</em>不仅能识别图片，还能处理视频。 ? ? 总的来看，是不是感觉很强大了？未来可期，前端技术越来越厉害，希望和你携手共进。
1.9K30发布于 2019-09-04
来自专栏邹成卓的专栏
Web AR 技术调研笔记
Detections Seconds js-objectdetect 17.5 / 16.9 50 / 50 2.86 / 2.96 jsfeat 9.4 / 6.3 30 / 30 3.18 / 4.75 tracking.js https://artoolkittest.sparta.html5.qq.com/jsobjectdetect/examples/example_gesture_scroll.htm 2.4 Tracking.js Tracking.js提供了人脸识别的能力，但是在浏览器里边表现不佳。 tracking.js的项目地址为：https://github.com/eduardolundgren/tracking.js/ tracking.js的 Demo列表：https://trackingjs.com /examples/brief_camera.html https://trackingjs.com/examples/face_fish_tank.html tracking.js人脸+姿态帧率不高
8.7K40发布于 2017-07-21
来自专栏机器之心
几行JavaScript代码构建计算机视觉程序，这里有6个js框架
（图源：https://dzone.com/articles/face-detection-using-html5） 4. tracking.js 如果你只想构建一个快速人脸检测应用程序（如网页版 snapchat filter），那你应该考虑一下 tracking.js。作者还写了关于 tracking.js 框架的指南，参见：https://medium.freecodecamp.org/how-to-drop-leprechaun-hats-into-your-website-with-computer-vision-b0d115a0f1ad tracking.js 的人脸检测示例。 5. WebGazer.js 无论你是尝试进行用户体验研究亦或为你的游戏或网站创建新型交互系统，WebGazer.js 都是一个很好的开始。
1K30发布于 2019-04-29
来自专栏前端那些趣事
这几个人脸识别解决方案你用过没？
上面是实例代码，注意定义好异常情况处理详细参考文档： MediaDevices.getUserMedia() - Web API | MDN 接下来我们来聊一聊本文的重点：人脸识别库～ 2.开源库 2.1 Tracking.js 介绍：Tracking.js 库给浏览器带来不同的计算机视觉算法和技术，通过使用流行的 HTML5 规范可以让你实时的对网页进行颜色跟踪、人脸识别等等,体积也很小官网链接 tracking.js 是比较年限比较老的库，本质上是通过检测并捕获人脸（物体）的信息，最终触发JavaScript事件，并对人脸进行采集我们是如何用Tracking.js捕获人脸的？看下图代码 (需注意：需等video的元数据加载后再触发，也就是video的onloadedmetadata事件) 拓展阅读： Github - tracking.js 2.2 Face-api.js 官网链接 Face-api.js vs Tracking.js 对比优势在于：前者在性能和准确度都表现更佳啊乐同学：树酱，这个Tensorflow.js是什么 image.png TensorFlow.js
1.8K10编辑于 2022-03-09
来自专栏全栈程序员必看
webAR涉及的技术「建议收藏」
js-objectdetect 17.5 / 16.9 50 / 50 2.86 / 2.96 jsfeat 9.4 / 6.3 30 / 30 3.18 / 4.75 tracking.js https://artoolkittest.sparta.html5.qq.com/jsobjectdetect/examples/example_gesture_scroll.htm 2.4 Tracking.js Tracking.js提供了人脸识别的能力，但是在浏览器里边表现不佳。 tracking.js的项目地址为： https://github.com/eduardolundgren/tracking.js/ tracking.js的 Demo列表： https://trackingjs.com /examples/brief_camera.html https://trackingjs.com/examples/face_fish_tank.html tracking.js人脸+姿态帧率不高
2K30编辑于 2022-09-20
来自专栏小蔚记录
vue 人脸识别 demo
（可以满足所有的需求） 1.需要引入 tracking.js 第三方库 2.检测到人脸自动 stop 3.canvas 压缩图片体积正在上传中...........
2.7K10发布于 2020-08-31
来自专栏Java课堂
安排上了！PC人脸识别登录，出乎意料的简单
前端实现上边说过要在前端识别到人脸，所以这里就不得不借助工具了，我使用的 tracking.js，一款轻量级的前端人脸识别框架。前端 Vue 代码实现逻辑比较简单，tracking.js 打开摄像头识别到人脸信息后，对视频图像拍照，将图片信息上传到后台，等待图片对比的结果就可以了。
78530发布于 2020-08-04
来自专栏Java课堂
PC人脸识别登录，出乎意料的简单
前端实现上边说过要在前端识别到人脸，所以这里就不得不借助工具了，我使用的 tracking.js，一款轻量级的前端人脸识别框架。前端 Vue 代码实现逻辑比较简单，tracking.js 打开摄像头识别到人脸信息后，对视频图像拍照，将图片信息上传到后台，等待图片对比的结果就可以了。
2.9K50发布于 2020-07-29
来自专栏采云轩
基于 Web 端的人脸识别身份验证
另外，它还支持 GPU 加速，相关操作可以使用 WebGL 运行 tracking.js : 一个独立的 JavaScript 库，主要实现了颜色和人（人脸、五官等）的跟踪检测。 Tracking.js 是使用 CPU 进行计算的，在图像的矩阵运算效率上，相对 GPU 要慢一些通过 navigator.mediaDevices.getUserMedia API（基于 WebRTC https://zhuanlan.zhihu.com/p/35345939) face-api.js (https://github.com/justadudewhohacks/face-api.js) tracking.js
5.5K11发布于 2020-06-17
来自专栏京程一灯
厉害了！浏览器都能做人脸检测了！
tracking.js tracking.js 是一款js封装的图像处理的库，为浏览器带来丰富的计算视觉相关的算法和技术，通过它可以实现颜色追踪、人脸检测等功能，具体特性如下： ?
1.4K40发布于 2019-03-28
来自专栏京程一灯
Day2：Github项目每日优选之Smartcrop.js
ccv js / jquery.facedetection 依赖于jQuery tracking.js 浏览器端最实用 opencv.js C++编译来的非常重7.6M+ node-opencv node
1.2K10发布于 2021-09-23
来自专栏掘金安东尼
探秘移动端网页调用摄像头的两种方式
第三方库这里安利一个第三方库 tracking.js 它上面有关于 face_camera 的 demo 正用的此解决方案。
5.4K20编辑于 2022-09-22
来自专栏杨不易呀
从零玩转RGB人脸活体检测
meta charset="UTF-8"> <title>人脸检测</title> <script src="jquery-3.3.1.min.js"></script> <script src="<em>tracking.js</em>
2K21编辑于 2022-01-19
来自专栏quan9i的安全笔记
初探HTTP请求走私
请求走私，接下来找一个利用点(在靶场中存在的js文件就可以)，然后我们构造一个恶意代码，让下一个请求指向一个xss语句，再将这个利用点发出，这个时候就可以触发我们的xss语句在环境中我们发现了tracking.js
2.4K60编辑于 2023-05-18
来自专栏琯琯博客
awesome-javascript-cn
官网视觉检测 tracking.js：在 web 上实现计算视觉的一种现代方法。官网 ocrad.js：通过 Emscripten 用 JavaScript 实现 OCR（光学字符识别）。
12.5K80发布于 2018-05-09
来自专栏超级架构师
「沙里淘金」精选浏览器端JavaScript库资源推荐
视觉检测 tracking.js - 网络上计算机视觉的现代方法。 ocrad.js - 通过Emscripten在JavaScript中进行OCR。
8.3K20发布于 2020-08-19
来自专栏超级架构师
「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源
视觉检测 tracking.js - 网络上计算机视觉的现代方法。 ocrad.js - 通过Emscripten在JavaScript中进行OCR。
9.1K21发布于 2019-09-18