Недавно я пытался создать приложение с другом, чтобы проверить наши недавно приобретенные навыки работы с javascript. Мой друг нашел этот API для лица и решил, почему бы не попробовать использовать его для нашего проекта.

Проблема? Документация к нему ужасна, расплывчата и устарела. Но это определенно понятно, учитывая работу, проделанную над этим бесплатным API.

Итак, вот что мы собираемся сделать: отображать живое изображение вашего окружения и отображать основные точки на чьем-то лице при его обнаружении.

Что вам нужно: знание Javascript и html.

Вот API:



justadudewhohacks/face-api.js
JavaScript API распознавания лиц для браузера и nodejs, реализованный поверх ядра tensorflow.js…github.com



Спасибо justadudewhohacks за создание этого замечательного API.

Разветвите и клонируйте его репозиторий, затем откройте свой проект.

Внутри вашего проекта создайте папку с именем src и подпапку с именем models и наведите курсор на файлы, содержащиеся внутри папки с весами.

Теперь из папки API перейдите в папку dist. Скопируйте face-api.js и face-api.min.js в свой. Затем создайте еще один файл с именем index.js.

Файлы JS — это, по сути, ваш API, а модели — это то, что он использует для обнаружения лиц и т. д.…

Теперь внутри вашего проекта создайте папку с именем public. Затем внутри этого создайте файл index.html. Этот файл будет вашим основным представлением.

Вставьте этот код в свой файл html и js: https://codepen.io/gawaxx/pen/eYmmmWM

Затем в консоли перейдите в папку вашего проекта и введите следующую команду: open ./public/index.html

По сути, мы создаем элемент видео, который будет отображать трансляцию с вашей веб-камеры. Затем из этого в наш файл js мы загружаем файлы и модели. Затем мы получаем пользовательский фид и отображаем его. Затем мы вызываем API, чтобы он сделал свое волшебство и определил лица, которые он видит. Когда он заметит один, он нарисует на нем точки.

И вуаля! Вы получили API распознавания лиц, настроенный и готовый к использованию.