«
»
jQueryWEB

Простое распознавание лиц с помощью JQuery-плагина Facedetection.js

Обнаружение лица – это компьютерная технология, используемая в различных приложениях, которая идентифицирует человеческие лица на цифровых изображениях.

Существует ряд подходов и методов для обнаружения лица. В этом посте мы рассмотрим один из самых простых способов определения лица на изображении, видео или холсте с помощью плагина facedetect.

Простое распознавание лиц с помощью JQuery

Простое распознавание лиц с помощью JQuery

Во-первых, вам нужно получить плагин JQuery facedetection.min.js по этому URL .

Включите JQuery и плагин facedetection на веб-странице.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="facedetection.min.js"></script>

Исходный код для распознавания лиц с использованием плагина JQuery

Используйте CSS следующим образом:

<style> .face{ position: absolute; border: 2px solid #009900; } #detect{ margin-left: 15%; cursor: pointer; cursor: hand; } </style>

HTML будет выглядеть следующим образом:

<img src="images/2.jpg" class="pic" width="50%"> <h2 id="detect">Detect Face</h2>

Код JavaScript для определения лица:

$("#detect").click(function(){ alert("Detecting Face .............."); $(".pic").faceDetection({ complete:function(faces){ alert("Detection Complete"); for(var i=0;i<faces.length;i++){ $('<div>',{ 'class':'face', 'css':{ 'position':'absolute', 'left':faces[i].x*faces[i].scaleX+'px', 'top':faces[i].y*faces[i].scaleY+'px', 'width':faces[i].width*faces[i].scaleX+'px', 'height':faces[i].height*faces[i].scaleY+'px' } }) .insertAfter(this); } }, error:function(code,message){ alert("Error: "+message); } }); });

Метод faceDetection возвращает объект массива, а переменные координат становятся массивом. Ниже приводится результат элементов массива.

х : У коорда номинальных
у : Y коорд от номинальной
ширины : ширина лица
высоты : высота лица
Позиции X : X положение относительно документа
Позиции Y : Y положение относительно документа
OffsetX : X положение относительно смещения родитель
OffsetY : Y положение относительно смещения родительского
доверия : Уровень доверия

Для наглядного руководства, вот видео для вас.

Если вы хотите узнать, как создать собственное приложение для распознавания лиц с использованием python, вот хорошая серия руководств на python36.com.

Источник записи: https://thedebuggers.com

Связанные записи
WEBПолезные сайты

50 бесплатных сайтов для ваших проектов графического дизайна в 2020 году | Бесплатные Графика, Фото и Видео стоки, Шрифты, Макеты и не только

JoomlaWEBWordPressПлагиныПолезные сайты

Обзор уникального конструктора страниц Nicepage 2020 (WordPress, Joomla, HTML и не только)

CSSWEBПримеры

Мистический inline-flex и что он делает - Stas Bagretsov - Medium

WEBWordPressWordPress - CSSВсе для functions.phpВсе для разработки шаблоновПлагины

Пользовательские шрифты для сайта WordPress (пошагово)