Почти у всех голосовых ИИ-консультантов на экране одно и то же - пульсирующий шар. Реже - «говорящая голова», видеоаватар человека, который шевелит губами. Я сделал третий вариант и назвал его ART DANYUK: пока ИИ говорит, тысячи светящихся частиц собираются в 3D-фигуру того, о чём идёт речь, - чашку кофе, диван, дельфина - а потом снова растекаются потоком данных. Ниже - живое демо, его можно потрогать прямо здесь. Статья пригодится, если вы выбираете ИИ-консультанта для сайта или делаете своего голосового агента и хотите, чтобы его запомнили.
Попробуйте прямо в статье
Нажмите на любой предмет внизу окна или впишите своё слово по-английски - например, telescope или guitar. Кнопка ▶ Tour запускает короткий диалог: посетитель спрашивает про кофе, сладкое, диван, лошадей и морскую прогулку, ИИ отвечает, а частицы собирают каждый предмет. Касание рождает волну, свайп вращает сцену, долгое нажатие разбрасывает предмет, и он собирается заново. Круглая кнопка в углу меняет палитру.
Если окно не загрузилось, откройте демо отдельно: vibevox.pro/stardust-demo.
Почему без лица лучше, чем шар и говорящая голова?
Шар показывает только то, что ИИ говорит. Говорящая голова показывает, кто говорит, но стоит дорого и легко попадает в «зловещую долину» - когда почти человек пугает сильнее, чем явный рисунок. Аватар без лица показывает, о чём разговор, и это запоминается.
| Вариант | Что видит посетитель | Где считается картинка |
|---|---|---|
| Пульсирующий шар | абстрактную анимацию | в браузере, почти без нагрузки |
| Видеоаватар человека | лицо и губы в такт речи | на сервере с видеокартой, весь разговор идёт видеопоток |
| ART DANYUK | предмет разговора в 3D | в браузере посетителя, по сети - только голос и название предмета |
Два стиля: ART DANYUK и 3D-звёзды
ART DANYUK - скульптура данных. До 131 тысячи частиц текут коконом, внутри рождается предмет, держится несколько секунд и растворяется обратно. Палитры: «Авто» (медленная смесь всех цветов), Океан, Коралл, Туманность, Сад. Нужен WebGL2 - он есть почти во всех телефонах последних лет.
3D-звёзды - спиральная галактика в туманности. Звёзды по дугам слетаются в объёмную фигуру с освещением, и она вращается как настоящий предмет. Работает на любом телефоне, и ART DANYUK сам переключается на этот стиль, если устройство не тянет.
В обоих стилях частицы «дышат» в такт голосу ИИ: громче фраза - ярче и живее картинка.
Как это работает изнутри?
- Инструмент для ИИ. Модель в разговоре вызывает show_visual («показать предмет») с английским названием - например, coffee cup - и продолжает говорить. Голос никогда не ждёт картинку: это отдельный крошечный канал данных.
- Библиотека из 1359 моделей. Еда, мебель, животные, растения, транспорт, инструменты, косметика, украшения, электроника, спорт. Все исходные модели - под свободной лицензией CC0, я перевёл их в облака точек по 2-10 КБ. Каждая скачивается при первом упоминании и потом лежит в кэше браузера.
- Подстраховка. Модели ИИ иногда «забывают» вызвать инструмент. Поэтому через полторы секунды после начала ответа лёгкая модель сама выбирает предмет из фразы посетителя и начала ответа. Приветствия, болтовню и людей она пропускает.
- Камера. Посетитель может показать товар в камеру и нажать «Распознать» - ИИ назовёт предмет, а частицы соберут его фигуру.
Что видит посетитель во время звонка?
- Пока звонок соединяется, частицы складываются в надпись VibeVox, а в своём проекте - в название вашего бренда.
- ИИ здоровается, и облако частиц дышит в такт его голосу: пауза - картинка затихает, фраза - оживает.
- Разговор дошёл до предмета - частицы собираются в его фигуру, держат её, пока ИИ рассказывает, и растекаются обратно.
- Фигуру можно крутить свайпом и разбивать долгим нажатием, поэтому ожидание ответа превращается в игру.
- Громкость регулируется ползунком в верхней плашке звонка, а камеру можно включить и выключить в любой момент.
ИИ-консультант отвечает на языке посетителя. Как сделать многоязычным и сам сайт, чтобы его видели поисковики, я разбирал в статье о сайте на нескольких языках без переводчика.
Где это полезно бизнесу?
- Кофейня или кондитерская - консультант рассказывает про эспрессо и десерты, а гость видит чашку и кекс.
- Магазин мебели - «компактный диван для маленькой квартиры» сразу превращается в диван на экране.
- Туризм и экскурсии - морская прогулка с дельфинами становится дельфином, а бронирование - корзиной.
- Магазин косметики, инструментов, электроники - помада, отвёртка, наушники есть в библиотеке.
- Выставки и витрины - экран, который рисует то, о чём спрашивают посетители, собирает людей вокруг.
Чем ИИ-агент, который сам ведёт покупателя к заказу, отличается от обычного чат-бота, я показывал в разборе об агентах электронной коммерции.
Как поставить на свой сайт?
Есть три пути - в зависимости от того, нужен ли вам готовый консультант, сайт целиком или только графика.
| Что нужно | Как получить |
|---|---|
| Готовый ИИ-консультант с голосом и 3D-видом | виджет VibeVox - в настройках выбираете «3D-фигуры» или ART DANYUK и голос ассистента |
| Сайт со встроенным ИИ-ассистентом | 1001site AI: тариф «Всё включено» - 45 € в месяц, первый месяц по промокоду месяца - 25 € |
| Только графика для своего голосового ИИ | движок Stardust на GitHub: для личных проектов бесплатно, компаниям - коммерческая лицензия |
Как включить и настроить ИИ-ассистента в кабинете 1001site, описано в базе знаний.
Для разработчиков подключение занимает один инструмент в настройках модели и одну строку в браузере - примеры для Gemini Live, OpenAI Realtime, ElevenLabs, LiveKit и Pipecat лежат в репозитории Stardust.
Если хотите такого ИИ-консультанта у себя, но не хотите разбираться самостоятельно, - напишите мне в Telegram @GuruAppSheet: соберу агента под ваш каталог и покажу демо на ваших товарах.
