AI / креативный ML · ml5

ml5.js

Креативный Machine Learning в браузере: вебка, позы, звук

Tier 2СреднеОсторожно на мобилеfree (MIT)JS (+ часто p5.js), камера/микрофон

Design DNA

«Сайт видит и слышит пользователя. Интерактив выходит за пределы курсора и клавиатуры.»

Use with AI

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

Собери креативный ML-демо на ml5.js: одна модель (поза или image classifier), только после кнопки «включить камеру».
Покажи статус, кнопку стоп, fallback без камеры. Pause при document.hidden.
Mobile: предупреди про батарею, упрости. Не путай с product tour (Driver.js) и не грузи Transformers.js параллельно без нужды.

Что умеет

·Позы (PoseNet и др.), классификация изображений
·Работа с аудио-моделями
·Связка с p5.js или vanilla JS

Чего не умеет

·Не 100% точность enterprise-моделей
·Зависит от качества камеры пользователя

Когда брать

·Арт-проекты, инсталляции, управление жестом/звуком
·Демо «сайт реагирует на тело»

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

·Нужен промышленный трекинг → MediaPipe / cloud
·Обычный лендинг без сенсоров

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

p5.jsTransformers.jsTone.jsHowler

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

MediaPipeTransformers.jsTensorFlow.js

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

·Включать камеру без явного opt-in
·Нет UI «остановить» / pause при hidden tab
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

ml5js.org