Веб-приложение с камерой и генерацией групповых изображений
Общее описание
Необходимо создать интерактивный сервис, работающий в браузере мобильных устройств (iOS/Android) без установки сторонних программ. Основная задача - организовать съемку нескольких пользователей по очереди, автоматически обработать полученные кадры и собрать их в финальную композицию.
Запуск системы происходит по QR-коду. Все действия выполняются в мобильной ориентации страницы.
Функциональные требования
Интерфейс и камера
- Запуск приложения по QR-ссылке.
- Строгая мобильная верстка (landscape или portrait).
- Доступ к камере устройства через браузер (тула или API).
- Отображение фиксированного виртуального шаблона или маски поверх видеострима для позиционирования лица пользователя.
Процесс съемки
- Пошаговая съемка нескольких участников (например, 4-6 человек).
- Автоматическое фотографирование или ручное нажатие бутона готовности после фокусировки.
- Сохранение произведенных кадров локально или на сервере для выполнения сборки в конце сессии.
- Отображение прогресса (например, сколько человек уже отснято).
Обработка изображений
- Детекция лица и ключевых точек (глаза, центр рта, подбородок) для корректного обрезания, масштабирования и выравнивания кадров.
- Удаление (бин хоть или ребилд) или полную замена фона - может происходить на клиенте (стартова на Canvas API) или на сервер программой (backend автоматика).
- Сборка итогового визуала: компоновка обработанных участников на заранее заданный финальный шаблон/фон в виде многослойной композиции (метка на Canvas/SVG или backend лейаут).
Результаты и сброс
- Показ итогового (сгенерированного) изображения пользователю сразу после завершения цепочки.
- Возможность рассмотреть результат, приблизить часть фотографий.
- Встроенная кнопка скачивания (скачивание/сохранение файла в галерею).
- Возможность перезапустить полный съемочный трек (начало нового раунда безе тяжелой перезагрузки).
Важно отмечался стабильная работа под нагрузкой: было много побес одновременно (например 30-300 звонков в часавар время). Архитектуре backend/сервер базы должно выдерживать большой конкурентний peak обращений в сохранение. Правительство н может моментально умеренное контраденцию.