聊聊JavaScript人脸识别技术的详细内容

聊聊JavaScript人脸识别技术的详细内容

76
2020-07-07 17:04:36

找到的一个可以用于人脸识别的JavaScript程序包是Face Detection,它是由Jay Salvat和Liu Liu开发的。它是一个标准的jQuery插件,通过对提供的图片进行分析,返回所有找到的脸部图像的坐标。下面我们来看看它是如何使用的!

jQuery.faceDetection

使用Face Detection这个jQuery plugin,你需要引入四个js文件:

<script src="jquery-1.4.3.min.js"></script>

<!-- mas js -->

<script src="facedetection/ccv.js"></script>

<script src="facedetection/face.js"></script>

<script src="jquery.facedetection.js"></script>

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

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("<p&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人脸识别技术的详细内容,更多请关注网站的其它相关文章!

聊聊JavaScript人脸识别技术的详细内容 (https://www.wpmee.com/) javascript教程 第1张

喜欢这个文章就点个赞分享给好友吧~

END

发表评论

一次支付终身使用
免费版本更新
靠谱的技术支持