Реализация распознавания эмоций по лицу в мобильном приложении

Пользователь смотрит видеоурок, а приложение не видит его улыбку — эмоциональная аналитика в edtech теряет до 40% данных из-за плохого освещения и частичной окклюзии. Мы решили эту задачу для клиента с помощью гибридного подхода: геометрические дескрипторы плюс временная агрегация. Интеграция распоз

Разработка и поддержка любых видов мобильных приложений:

Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

Это лишь некоторые из типы мобильных приложений, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента.

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Реализация распознавания эмоций по лицу в мобильном приложении
Сложный
~1-2 недели

Наши компетенции:

Часто задаваемые вопросы

Последние работы

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    895
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    782
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1216
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    1079
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    1002
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    597

Пользователь смотрит видеоурок, а приложение не видит его улыбку — эмоциональная аналитика в edtech теряет до 40% данных из-за плохого освещения и частичной окклюзии. Мы решили эту задачу для клиента с помощью гибридного подхода: геометрические дескрипторы плюс временная агрегация. Интеграция распознавания эмоций по лицу в мобильные приложения включает детекцию лица, извлечение мимических признаков и классификацию по базовым эмоциям (happiness, sadness, anger, surprise, fear, disgust, neutral по модели Экмана). Наш опыт — более 5 лет и 30+ интеграций CV для edtech, ритейла и рекламы.

Как работает распознавание эмоций по лицу в мобильном приложении

На iOS: VNDetectFaceLandmarksRequest и CoreML — реализация распознавания эмоций

VNDetectFaceLandmarksRequest выдаёт 76 landmarks. Этого достаточно для геометрических дескрипторов: расстояние уголков губ, степень открытия глаз, угол бровей. Поверх них обучаем небольшую CoreML-модель (MLP 3–4 слоя). Такой подход стабильнее прямой CNN при плохом освещении, так как landmarks нормализованы под положение головы.

На Android: ML Kit Face Detection

setContourDetectionEnabled(true) даёт 468 точек — полный контур лица. Это избыточно для эмоций, но позволяет точнее отслеживать мимические мышцы. Мы используем subset landmarks для ускорения.

Кроссплатформенная альтернатива: MediaPipe Face Landmarker

MediaPipe выдаёт 478 landmarks + 52 blendshapes (например, mouthSmileLeft, eyeBlinkRight). Blendshapes — готовые семантические дескрипторы, которые можно подавать напрямую в классификатор. Латентность на Pixel 7 — ~15 ms. MediaPipe Face Landmarker работает в 2–3 раза быстрее ML Kit в режиме контура, что критично для анимации реакции.

Платформа Инструмент Кол-во точек Особенности
iOS VNDetectFaceLandmarksRequest 76 Работает с CoreML, нормализация позы
Android ML Kit Face Detection 468 Контур лица, прост в интеграции
Кроссплатформа MediaPipe Face Landmarker 478 + 52 blendshapes Высокая скорость, готовые семантические признаки

Почему on-device модели точнее в реальных условиях?

Готовые модели (HSEmotion TFLite, MobileNet FER2013) на валидации 7 классов дают 65–72%, в реальности — ниже. Это не баг, а ограничение: «нейтральное» и «задумчивое» выражения сложно различить. Мы решаем проблему двумя способами:

  • Усреднение за временное окно 2–5 секунд. Вместо классификации каждого кадра работаем с процентом времени позитивной/нейтральной эмоции и пиками удивления.
  • Фильтрация артефактов. Например, низкий confidence детекции лица (менее 0.5) отбрасывается, кадры с частичной окклюзией (рука, очки) не участвуют в агрегации.

Сравнение точности разных подходов:

Подход Точность (7 классов) Латентность Требования к данным
Готовая CNN (MobileNet FER2013) 65–72% ~5 ms Только картинка
Геометрические дескрипторы + MLP 70–78% на валидации ~2 ms Need landmarks
Временная агрегация + фильтрация Стабильность в реальных условиях Доп. ~0 ms Агрегация 2–5 с

Зачем нужна анимация реакции и как её реализовать?

Если приложение реагирует на эмоцию пользователя (маскот в edtech, интерактивный персонаж), критична latency. Цикл захват → инференс → обновление анимации должен укладываться в 100 ms, иначе реакция воспринимается как запоздалая.

На iOS используем SwiftUI + withAnimation(.spring()) для плавного перехода состояния маскота. Инференс на background queue, результат через @Published в @StateObject на main actor. На Android — Animator + MotionLayout для сложных переходов.

Кейс: реакция маскота на улыбку ребёнка

Образовательное приложение для детей. Персонаж танцует, если улыбка удерживается >1.5 секунды. Использовали MediaPipe Face Landmarker + blendshape mouthSmileLeft/Right > 0.6 как триггер. Проблема: ребёнок смеётся с открытым ртом — mouthOpen сбивал фильтр. Добавили условие: mouthSmile > 0.6 AND mouthOpen < 0.4 OR (mouthOpen > 0.4 AND jawOpen > 0.3). Ложных срабатываний стало на 40% меньше.

Как внедрить распознавание эмоций: пошаговая инструкция

  1. Аудит стека — определяем, какие технологии уже есть (камера, ML-фреймворки).
  2. Выбор подхода — iOS/Android/кроссплатформа, выбор фреймворка и модели.
  3. Интеграция детектора — подключение VNDetectFaceLandmarksRequest, ML Kit или MediaPipe.
  4. Калибровка классификатора — настройка порогов и временного окна.
  5. Разработка анимации — связь эмоций с действиями персонажа.
  6. Тестирование на устройствах — минимум 5 моделей, оценка точности и latency.
  7. Запуск аналитики — агрегация emotion scores, дашборд вовлечённости.

Что даёт аналитика вовлечённости?

Для A/B-тестирования контента агрегируем emotion scores по сессии. Данные — только числовые векторы, не фото. Согласие пользователя — через явный opt-in (эмоции относятся к чувствительным данным). Отправляем в любую аналитическую систему (Firebase, Amplitude, Яндекс.Метрика) через batch-запросы раз в 10 секунд, чтобы не расходовать трафик. Стоимость внедрения аналитики зависит от сложности интеграции.

Технические детали фильтрации артефактовДля улучшения качества в реальных условиях мы применяем каскад фильтров: отбрасываем кадры с confidence < 0.5, удаляем дубликаты по временной метке, сглаживаем emotion scores скользящим средним (окно 5 кадров). Это повышает точность агрегированных метрик на 15–20%.

Что входит в работу

  • Анализ стека и консультация по оптимальному подходу — бесплатно.
  • Интеграция детектора лица и классификатора эмоций под ключ.
  • Кастомизация модели на вашем датасете (если требуется высокая точность под конкретный сценарий).
  • Разработка анимации реакции (маскот, интерфейсные эффекты).
  • Настройка аналитики вовлечённости с дашбордом.
  • Тестирование на реальных устройствах — минимум 5 моделей для каждого форм-фактора.
  • Документация и доступы к исходному коду, модели и конфигурациям.

Сроки и стоимость

Базовая интеграция (детектор + классификатор + анимация) — 1–2 недели. Если нужен аналитический дашборд — ещё 1 неделя. Стоимость рассчитывается индивидуально, в зависимости от стека и требований. Получите консультацию по внедрению распознавания эмоций в ваше мобильное приложение — свяжитесь с нами. Закажите внедрение уже сегодня, чтобы повысить вовлечённость пользователей.