AI / трекинг · mediapipe

MediaPipe

Трекинг рук, лица и позы в браузере — AI-вход в интерфейс

Tier 3ТяжелоОсторожно на мобилеfree (Apache-2.0)JS + WASM / TF.js solutions

Design DNA

«Камера становится контроллером: жест руки листает сцену, лицо управляет UI.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Добавь MediaPipe (hands или face) как opt-in: кнопка «включить камеру».
Fallback на мышь/тач. На mobile предупреди о нагрузке и дай выключить.
Не делай камеру обязательной для контента. Соблюдай privacy copy.

Что умеет

·Hands / Face / Pose landmarks
·Жесты как input
·Креативные инсталляции

Чего не умеет

·Без разрешения камеры бесполезен
·Тяжёлый CPU/GPU на слабых телефонах

Когда брать

·Интерактивная инсталляция, demo AI UX

Когда не брать

·Обычный лендинг без камеры
·Нужна приватность без fallback

С чем сочетается

Three.jsp5Tone.jsPhaser

Альтернативы

TensorFlow.js modelsобычный pointer input

Типичные ошибки

·Включать камеру сразу на landinge
·Нет UI-отказа и fallback мыши
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

MediaPipe tasks