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

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


咨詢
建站咨詢
