jQuery Face Detection 是一款人臉檢測插件，能夠檢測到圖片，視頻和畫布中的人臉坐標。它跟蹤人臉并輸出人臉模型的坐標位置為一個數組。我們相信，面部識別技術能夠給我們的 Web 應用帶來各種可能性，創造出互動的，有趣的功能。

　　注：人臉識別，是基于人的臉部特征信息進行身份識別的一種生物識別技術。用攝像機或攝像頭采集含有人臉的圖像或視頻流，并自動在圖像中檢測和跟蹤人臉，進而對檢測到的人臉進行臉部的一系列相關技術，通常也叫做人像識別、面部識別。

?

?

效果演示? ? ?插件下載

?

如何使用：

引入 jQuery 庫和插件代碼：

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="path/to/dist/jquery.facedetection.min.js"></script>

設置帶有人臉的圖片：

<img id="picture" src="img/face.jpg">

調用插件代碼獲得臉部坐標：

<script>$('#picture').faceDetection({complete: function (faces) {console.log(faces);}}); </script>

返回的數據：

插件返回的臉部數據

• x?— 圖片中人臉的X坐標
• y?—?圖片中人臉的Y坐標
• width?— 人臉的寬度
• height?— 人臉的高度
• positionX?— 相對于文檔的X坐標
• positionY?—?相對于文檔的Y坐標
• offsetX?— 相對于父元素的X偏移
• offsetY?—?相對于父元素的Y偏移
• scaleX?— 實際顯示和原始寬度比
• scaleY?—?實際顯示和原始高度比
• confidence?— 準確度

?

您可能感興趣的相關文章

• Web 開發中很實用的10個效果【源碼下載】
• 精心挑選的優秀jQuery Ajax分頁插件和教程
• 12個讓人驚嘆的的創意的 404 錯誤頁面設計
• 讓網站動起來！12款優秀的 jQuery 動畫插件
• 十分驚艷的8個 HTML5 & JavaScript 特效

?

本文鏈接：jQuery/Zepto 人臉識別插件，支持圖片和視頻

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

轉載于:https://www.cnblogs.com/lhb25/p/jquery-face-detection-plugin.html

總結

以上是生活随笔為你收集整理的jQuery 人脸识别插件，支持图片和视频的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。