Майже у всіх голосових ІІ-консультантів на екрані те саме - пульсуюча куля. Рідше - «голова, що говорить», відеоаватар людини, яка ворушить губами. Я зробив третій варіант і назвав його 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: зберу агента під ваш каталог і покажу демо на ваших товарах.
