聊聊JavaScript人脸识别技术的详细内容
发布于
by
找到的一个可以用于人脸识别的JavaScript程序包是Face Detection，它是由Jay Salva…
找到的一个可以用于人脸识别的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>”, { 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人脸识别技术的详细内容，更多请关注网站的其它相关文章！
类别：WordPress函数讲解、
本文收集自互联网，转载请注明来源。
如有侵权，请联系 wper_net@163.com 删除。
猜你喜欢GUESS YOU LIKE
还没有任何评论，赶紧来占个楼吧！