Недавно я пытался создать приложение с другом, чтобы проверить наши недавно приобретенные навыки работы с javascript. Мой друг нашел этот API для лица и решил, почему бы не попробовать использовать его для нашего проекта.
Проблема? Документация к нему ужасна, расплывчата и устарела. Но это определенно понятно, учитывая работу, проделанную над этим бесплатным API.
Итак, вот что мы собираемся сделать: отображать живое изображение вашего окружения и отображать основные точки на чьем-то лице при его обнаружении.
Что вам нужно: знание Javascript и html.
Вот API:
Спасибо 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 распознавания лиц, настроенный и готовый к использованию.