你对人脸识别感兴趣吗？JavaScript实现的人脸检测方法

我一直对视频和图片中的人脸标记、检测和人脸识别技术很感兴趣。尽管我知道获取逻辑和算法去开发人脸识别软件或者插件已经超出了我的想象。当我知道Javascript库可以识别微笑，眼睛和脸部结构时，我得到启发去写一个教程。有许多的库，这些库要不就是纯粹的基于Javascript的，要不就是基于java语言的。

成都创新互联公司公司2013年成立，先为下陆等服务建站，下陆等地企业，进行企业商务咨询服务。为下陆企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

今天，我们开始学习tracking.js,它是一个由Eduardo Lundgren开发的轻量级的javascript库，它可以让你做实时的人脸检测，色彩追踪和标记好友的脸。在这个教程中，我们将会看到，我们如何从静态图片中检测脸，眼睛和嘴巴。

在教程的***，你可以看到一个教程提供可以用的例子，这个例子有技巧和提示以及更多的技术细节。

首先，我们需要建立一个工程，从github中下载这个工程并且抽取build文件夹，根据你的文件和目录结构放置build文件夹。在这个教程里，我用了如下的文件和目录结构。

文件夹结构

 
 
      
  
  1. Project Folder  
    2.   
  
  2. │  
    3.   
  
  3. │   index.html  
    4.   
  
  4. │  
    5.   
  
  5. ├───assets  
    6.   
  
  6. │       face.jpg  
    7.   
  
  7. │  
    8.   
  
  8. └───js  
    9.   
  
  9.     │   tracking-min.js  
    10.   
  
  10.     │   tracking.js  
    11.   
  
  11.     │  
    12.   
  
  12.     └───data  
    13.   
  
  13.             eye-min.js  
    14.   
  
  14.             eye.js  
    15.   
  
  15.             face-min.js  
    16.   
  
  16.             face.js  
    17.   
  
  17.             mouth-min.js  
    18.   
  
  18.             mouth.js 
    19.

你可以看到js文件夹里有我们从tracking.js中抽取的javascript文件。下面是index.html的html代码。

HTML代码

 
 
      
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    
    5.   
  
  5.   @tuts Face Detection Tutorial 
    6.   
  
  6.    
    7.   
  
  7.    
    8.   
  
  8.    
    9.   
  
  9.    
    10.   
  
  10.    
    11.   
  
  11.    
    12.   
  
  12.    
    13.   
  
  13.  
    14.   
  
  14.  
    15.   
  
  15.  
    16.   
  
  16.    
    17.
 
  •    
  •  
  •  

    • 在上面的HTML代码中，我们引入4个javascript来自于tracking.js的文件，这些文件有助于我们从图片中检测人脸、眼睛和嘴巴。现在我们写一段代码来实现从静态图片中检测人脸，眼睛和嘴巴。我故意选用这张图片，因为这张图片中有多张不同表情和姿势脸。

    为了达成目标，我们需要修改html文件头部的代码。

    HTML 代码

     
 
        
  
    1.  
      2.   
  
    2.  
      3.   
  
    3.  
      4.   
  
    4.    
      5.   
  
    5.   @tuts Face Detection Tutorial 
      6.   
  
    6.    
      7.   
  
    7.    
      8.   
  
    8.    
      9.   
  
    9.    
      10.   
  
    10.    
      11.   
  
    11.    
      12.   
  
    12.    
      13.   
  
    13. // tracking code.  
      14.   
  
    14.  
      15.   
  
    15.    
      16.   
  
    16.  
      17.   
  
    17.  
      18.   
  
    18.  
      19.   
  
    19.    
      20.
     
  •    
  •  
  •  

    • 结果


    代码说明.

    结果总结.
    你可能会发现结果会根据形状的条件而有所不同, 还有地方需要改进和提高，而我们也承认并且真心认同对于这种类型的API的开发.

    运行示例:

    带有的图片的运行示例.

    更多资源 – 基于 Javascript 的面部识别

    https://github.com/auduno/headtrackr

    https://github.com/auduno/clmtrackr

    我们计划为 HTML5 的 Canvas 和摄像头视频的脸部跟踪以及图像标签做一个教程。你可能会用到我上面提到的客户端访问摄像头博客，它可以帮助你，用你知道的方式去访问用户的摄像头。

    注意：由于浏览器安全性的原因，这个程序需要运行在一样的域或者禁用网络安全的浏览器中。

    喜欢这篇文章吗？

    您要是有建议，补充，或者在这篇文章中发现错误，信息过时。我们期待你的评论。

    请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持！

    英文原文：Javascript based Face Detection Method

    名称栏目：你对人脸识别感兴趣吗？JavaScript实现的人脸检测方法
    标题网址：http://www.shufengxianlan.com/qtweb/news2/89502.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    手机网站建设知识

    同城分类信息

    成都商城app开发　　 　绵阳机房托管　　 　雅安电信机房　　 　成都品牌网站建设　　 　手机网站制作设计　　 　公司宣传册设计　　 　宜宾网站建设　　 　香港云虚拟主机　　 　成都艾瑞格　　 　四川成都展柜定制厂家　　 　软文平台　　 　成都网站建设公司　　 　成都移动机房　　 　路面机械及配件　　 　德阳东方电机技改服务有限公司　　 　做网站的公司　　 　南京护栏钻孔机　　 　移动机房服务器托管　　 　免备案虚拟主机　　 　成都机柜租用