Воспроизвести вход с распознаванием лиц

JavaScript
Воспроизвести вход с распознаванием лиц

最近温差大,请别感冒

предисловие

Для этой статьи нет каталога, вы можете начать прямо с самого начала.

Поскольку я внезапно получил запрос, бюро xx, внутреннему мобильному проекту (разработанному нами), необходимо добавить требование входа в систему с распознаванием лиц.

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

Так как в проекте есть бизнес по распознаванию образов, то алгоритм человеческого сравнения отведен на второй план. Более поздние исследования, отслеживание также могут выполнять сравнение изображений, но в реальном бизнесе библиотека изображений не может быть размещена локально, поэтому логика на этом этапе может быть размещена только в фоновом режиме.

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

развивать

1. Найдите полку

Я использую его напрямуюdva-cli, очень удобно, во всяком случае я прямо эту полку дергаю, когда демку пишу. Спасибо автору.

2. Плагин tracking.js

tracking.js库将不同的计算机视觉算法和技术引入浏览器环境。通过使用现代HTML5规范,我们使您能够进行实时颜色跟踪、人脸检测以及更多——所有这些都是通过一个轻量级的核心(约7kb)和直观的界面实现的。

порталtracking.js

3. Плагин face-api.js

基于tracking.js的浏览器端人脸识别的插件,提供了一些api

4. Звонок

Прямой импорт, stats.min.js — это фейс-мин

5. Структура дизайна

Проверьте процесс требований здесь.

  • 1. Вызовите камеру
  • 2. Определите, есть ли лицо в камере
  • 3. Если есть лицо, синхронно отрисовать его на слой холста
  • 4. Экспорт base64
  • 5. Отправить его в базу данных для сравнения. (Эту часть бэкграунда делают студенты, конечно, фронтенд тоже можно сделать локально, но это не обязательно)
  • 6. Вернуть сравнительную оценку, соответствует ли она узлу входа в систему.

6. Структура HTML

Суть в том, что вам нужен тег видео для отображения содержимого камеры и холст для захвата изображения. (HTML не полный, просто покажите ядро)

7. Заявление об импорте

8. Эффект

9. Совместная отладка

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

10. Адрес GitHub

Портал:face-web

END

Простую запись метода реализации можно рассматривать как запрос указаний, и каждый может общаться друг с другом.

Недавно я снова был в командировке, и я все еще очень занят, поэтому я просто опрокидываю статью. Спасибо.

Будьте готовы исправлять ошибки

Через два дня после того, как статья была написана, прежде всего спасибо за ваши исправления, большое спасибо@Yoha Интерфейс искусственного интеллектаУказал на ошибки и многие недостатки статьи.Далее планирую глубоко разобраться в принципе распознавания лиц и исправить ошибки данной статьи. Я надеюсь, что все понимают.