新聞中心
我一直對(duì)視頻和圖片中的人臉標(biāo)記、檢測(cè)和人臉識(shí)別技術(shù)很感興趣。盡管我知道獲取邏輯和算法去開(kāi)發(fā)人臉識(shí)別軟件或者插件已經(jīng)超出了我的想象。當(dāng)我知道Javascript庫(kù)可以識(shí)別微笑,眼睛和臉部結(jié)構(gòu)時(shí),我得到啟發(fā)去寫(xiě)一個(gè)教程。有許多的庫(kù),這些庫(kù)要不就是純粹的基于Javascript的,要不就是基于java語(yǔ)言的。

成都創(chuàng)新互聯(lián)公司公司2013年成立,先為下陸等服務(wù)建站,下陸等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為下陸企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
今天,我們開(kāi)始學(xué)習(xí)tracking.js,它是一個(gè)由Eduardo Lundgren開(kāi)發(fā)的輕量級(jí)的javascript庫(kù),它可以讓你做實(shí)時(shí)的人臉檢測(cè),色彩追蹤和標(biāo)記好友的臉。在這個(gè)教程中,我們將會(huì)看到,我們?nèi)绾螐撵o態(tài)圖片中檢測(cè)臉,眼睛和嘴巴。
在教程的***,你可以看到一個(gè)教程提供可以用的例子,這個(gè)例子有技巧和提示以及更多的技術(shù)細(xì)節(jié)。
首先,我們需要建立一個(gè)工程,從github中下載這個(gè)工程并且抽取build文件夾,根據(jù)你的文件和目錄結(jié)構(gòu)放置build文件夾。在這個(gè)教程里,我用了如下的文件和目錄結(jié)構(gòu)。
文件夾結(jié)構(gòu)
- Project Folder
- │
- │ index.html
- │
- ├───assets
- │ face.jpg
- │
- └───js
- │ tracking-min.js
- │ tracking.js
- │
- └───data
- eye-min.js
- eye.js
- face-min.js
- face.js
- mouth-min.js
- mouth.js
你可以看到j(luò)s文件夾里有我們從tracking.js中抽取的javascript文件。下面是index.html的html代碼。
HTML代碼
@tuts Face Detection Tutorial ![]()
在上面的HTML代碼中,我們引入4個(gè)javascript來(lái)自于tracking.js的文件,這些文件有助于我們從圖片中檢測(cè)人臉、眼睛和嘴巴?,F(xiàn)在我們寫(xiě)一段代碼來(lái)實(shí)現(xiàn)從靜態(tài)圖片中檢測(cè)人臉,眼睛和嘴巴。我故意選用這張圖片,因?yàn)檫@張圖片中有多張不同表情和姿勢(shì)臉。
為了達(dá)成目標(biāo),我們需要修改html文件頭部的代碼。
HTML 代碼
@tuts Face Detection Tutorial - // tracking code.
![]()
結(jié)果
代碼說(shuō)明.
tracking.ObjectTracker() 方法對(duì)你想要進(jìn)行跟蹤的對(duì)象進(jìn)行了分類(lèi),它可以接受一個(gè)數(shù)組作為參數(shù).
setStepSize() 指定的塊的步進(jìn)大小.
我們將要跟蹤的對(duì)象綁定上 “track” 事件, 對(duì)象一被跟蹤,很快正在跟蹤的對(duì)象就會(huì)觸發(fā)跟蹤事件.
我們以對(duì)象數(shù)組的形式中獲取數(shù)據(jù),里面有每個(gè)對(duì)象(臉部,嘴部很眼部)的寬度,高度 , x 和 y 坐標(biāo);
結(jié)果總結(jié).
你可能會(huì)發(fā)現(xiàn)結(jié)果會(huì)根據(jù)形狀的條件而有所不同, 還有地方需要改進(jìn)和提高,而我們也承認(rèn)并且真心認(rèn)同對(duì)于這種類(lèi)型的API的開(kāi)發(fā).
運(yùn)行示例:
帶有的圖片的運(yùn)行示例.
更多資源 – 基于 Javascript 的面部識(shí)別
https://github.com/auduno/headtrackr
https://github.com/auduno/clmtrackr
我們計(jì)劃為 HTML5 的 Canvas 和攝像頭視頻的臉部跟蹤以及圖像標(biāo)簽做一個(gè)教程。你可能會(huì)用到我上面提到的客戶(hù)端訪問(wèn)攝像頭博客,它可以幫助你,用你知道的方式去訪問(wèn)用戶(hù)的攝像頭。
注意:由于瀏覽器安全性的原因,這個(gè)程序需要運(yùn)行在一樣的域或者禁用網(wǎng)絡(luò)安全的瀏覽器中。
喜歡這篇文章嗎?
您要是有建議,補(bǔ)充,或者在這篇文章中發(fā)現(xiàn)錯(cuò)誤,信息過(guò)時(shí)。我們期待你的評(píng)論。
請(qǐng)您花一點(diǎn)時(shí)間將文章分享給您的朋友或者留下評(píng)論。我們將會(huì)由衷感謝您的支持!
英文原文:Javascript based Face Detection Method
文章題目:你對(duì)人臉識(shí)別感興趣嗎?JavaScript實(shí)現(xiàn)的人臉檢測(cè)方法
文章起源:http://m.5511xx.com/article/dpedcsj.html


咨詢(xún)
建站咨詢(xún)
