<script src="/UploadFiles/2021-04-02/jquery-1.4.3.min.js">

这个脸部识别插件的头两个文件里是它的各种功能性程序，通过它们能得到一个数组对象，这些对象里存储的就是图片里的脸部坐标信息。下面是一个例子：


var coords = jQuery("#myImage").faceDetection();
/* 返回：
 {
 x: 525
 y: 435,
 width: 144,
 height: 144,
 positionX: 532.6353328125226,
 positionY: 443.240976080536,
 offsetX: 532.6353328125226,
 offsetY: 443.240976080536,
 confidence: 12.93120119,
 neighbour: undefined,
 }
*/


你还可以在检测方法上加入事件回调函数：


var coords = jQuery("#myImage").faceDetection({
 complete: function(image, coords) {
 // Do something
 },
 error: function() {
 console.warn("无法分析图片");
 }
});




对于识别出的脸部信息，你可以做任何的处理东西。你可以在图片中脸部的位置画出框线：


jQuery("img").each(function() {
 var img = this;
 // 获取脸部坐标
 var coordinates = jQuery(img).faceDetection();
 // 在脸上画出框线
 if(coordinates.length) {
 coordinates.forEach(function(coord) {
 jQuery("<div&gt", {
 css: {
 position: "absolute",
 left: coord.positionX + 5 + "px",
 top: coord.positionY + 5 + "px",
 width: coord.width + "px",
 height: coord.height + "px",
 border: "3px solid white"
 }
 }).appendTo(img.parentNode);
 });
 }
});




这很简单，当然你可以做复杂的处理，比如说提取出来。
我用了各种图片进行脸部识别尝试，正如我预想到的，结果并不是很完美。但不管怎样，还是相当不错的。这是一个很简单的脚本技术，而且没有任何技术是十全十美的。这个脸部识别插件并不具有脸部比较功能，你需要用其它方法并提供面部特征信息实现此功能。总之，相当不错，强烈建议你试一下。
脸部识别JavaScript类库Tracking.js
对Web开发者而言，开源的JavaScript库Tracking.js正在使计算机视觉和增强现实技术变得简单, 使用它可以展示效果类似Kinect或者Wii的体感应用，且该JavaScript库体积小 (~7k)，非常轻量级，且接口简洁。


Tracking.js 能够在移动Web应用、桌面应用中工作，甚至可以和基于Node.js的服务器进行配对。 它会给浏览器带来计算机图形学算法和技术，其拥有功能：脸部识别(某个特定的颜色时或人物/脸庞/身体出现移动的时候)、实时色彩跟踪。对于Web开发而言，以前需要通过C或C++的技术才能实现类似效果。而现在Traking.js提供了一个Web组件，因此Web前端开发人员可以访问HTML标签组件来实现类似功能，而无需了解JavaScript，这极大的简化了Web开发。


Tracking.js包括一个色彩跟踪算法和对象跟踪组件，它能使Web浏览器识别脸部及眼睛的变化。例如，Web前端还可以对于用这个功能来设置用户头像，对一些网站而言，这也是个很炫的功能；同时对跟踪的脸部数据和后台数据库进行匹配，从而和反馈给用户更多有用的数据。


目前，在GitHub上Tracking.js源码工程已经被Fork了200次以上，8月份上旬，该JS库已经升级为1.0版本。


以上内容就是给大家分享的JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js，希望大家喜欢。