基於Javascript的人臉探測技術

我一直都對提取和識別攝像頭或者圖片中人臉特徵的技術理論很感興趣。雖然我知道運用演演算法寫一個人臉識別的軟體或者外掛超出了我的能力範圍。但是我發現了一些JavaScript庫，可以用來識別人臉的五官結構，於是我就想寫關於這些庫的一個入門教程。其實有很多相關的人臉識別庫，有的是純用JavaScript，有的是夾雜了java，它們各有優缺點。

今天我們想要瞭解一下tracking.js這個庫，這是一個是由Eduardo Lundgren開發的輕量級JavaScrip庫，它能實現實時的人臉特徵提取、顏色追蹤以及標定朋友。在這個教程裡，我們將會學習怎麼用它從靜態圖片中提取整個臉部、眼睛以及嘴巴。

在教程的最後，你會找到一個有更詳細的使用技巧和技術細節的實現示例。

首先，我們需要建立我們的專案，你可以從github下載到我們要使用的庫（tracking.js），然後把它的build檔案中的內容放在你的工作檔案目錄下。在這個教程裡，我的檔案結構如下：

檔案結構

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這個檔案目錄就包含了我們從github下載的tracking.js中的build檔案夾裡的內容。那麼，接下來我就給你看一下index.html中的HTML程式碼。

HTML程式碼

tml>