Тэлеграм, WhatsApp  +380637610482
Валерый Данюк
Валерый ДанюкраспрацоўшчыкРаспрацоўка ІІ-інструментаў для бізнесу. Якасна. Нядорага.Напісаць у Telegram

ІІ-аватар без асобы: галасавы агент паказвае, пра што гаворыць

ІІ-кансультант распавядае пра эспрэса, і часціцы збіраюцца ў 3D-кубак кавы з парай у стылі ART DANYUK

Што вы атрымаеце

  • жывое дэма ART DANYUK - яго можна пакратаць прама ў артыкуле
  • чым аватар без асобы выйграе ў размаўлялай галавы і пульсавалага шара
  • як паставіць такога ІІ-кансультанта на свой сайт або падключыць да свайго галасавога ІІ
Ужыць: за 5 хвілінЭканоміць: відэааватар і сервер з відэакартай - уся графіка лічыцца на тэлефоне наведвальніка

Амаль ва ўсіх галасавых ІІ-кансультантаў на экране адно і тое ж - пульсавалы шар. Радзей - «гаворачая галава», відэааватар чалавека, які варушыць вуснамі. Я зрабіў трэці варыянт і назваў яго ART DANYUK: пакуль ІІ кажа, тысячы святлівых часціц збіраюцца ў 3D-фігуру таго, пра што ідзе гаворка, - кубак кавы, канапа, дэльфіна - а потым зноў расцякаюцца струменем дадзеных. Ніжэй - жывое дэма, яго можна пакратаць прама тут. Артыкул спатрэбіцца, калі вы выбіраеце ІІ-кансультанта для сайта або робіце свайго галасавога агента і хочаце, каб яго запомнілі.

Паспрабуйце прама ў артыкуле

Націсніце на любы прадмет унізе акна або ўпішыце сваё слова па-ангельску - напрыклад, telescope ці guitar. Кнопка ▶ Tour запускае кароткі дыялог: наведвальнік пытаецца пра каву, салодкае, канапа, коней і марскую прагулку, ІІ адказвае, а часціцы збіраюць кожны прадмет. Дакрананне нараджае хвалю, свайп круціць сцэну, доўгі націск раскідвае прадмет, і ён збіраецца зноўку. Круглая кнопка ў куце мяняе палітру.

Калі акно не загрузілася, адкрыйце дэма асобна: vibevox.pro/stardust-demo.

Чаму без асобы лепш, чым шар і размаўлялая галава?

Шар паказвае толькі тое, што ІІ кажа. Гаворачая галава паказвае, хто гаворыць, але каштуе дорага і лёгка трапляе ў «злавесную даліну» - калі амаль чалавек палохае мацней, чым відавочны малюнак. Аватар без асобы паказвае, пра што размова, і гэта запамінаецца.

Параўнанне відэааватара чалавека і ІІ-аватара без асобы ART DANYUK для сайта

Варыянт Што бачыць наведвальнік Дзе лічыцца карцінка
Пульсавалы шар абстрактную анімацыю у браўзэры, амаль без нагрузкі
Відэааватар чалавека твар і вусны ў такт прамовы на серверы з відэакартай, уся размова ідзе відэаструмень
ART DANYUK прадмет размовы ў 3D у браўзэры наведвальніка, па сетцы - толькі голас і назва прадмета

Два стылі: ART DANYUK і 3D-зоркі

ART DANYUK - скульптура даных. Да 131 тысячы часціц цякуць коканам, усярэдзіне нараджаецца прадмет, трымаецца некалькі секунд і раствараецца зваротна. Палітры: «Аўта» (павольная сумесь усіх колераў), Акіян, Корал, Імглістасць, Сад. Патрэбен WebGL2 – ён ёсць амаль ва ўсіх тэлефонах апошніх гадоў.

3D-зоркі - спіральная галактыка ў туманнасці. Зоркі па дугах злятаюцца ў аб'ёмную фігуру з асвятленнем, і яна круціцца як сапраўдны прадмет. Працуе на любым тэлефоне, і ART DANYUK сам перамыкаецца на гэты стыль, калі прылада не цягне.

У абодвух стылях часціцы "дыхаюць" у такт голасу ІІ: гучней фраза - ярчэй і больш жыва карцінка.

Як гэта працуе знутры?

  1. Інструмент для ІІ. Мадэль у размове выклікае show_visual ("паказаць прадмет") з ангельскай назвай - напрыклад, coffee cup - і працягвае казаць. Голас ніколі не чакае карцінку: гэта асобны малюсенькі канал дадзеных.
  2. Бібліятэка з 1359 мадэлей. Ежа, мэбля, жывёлы, расліны, транспарт, інструменты, касметыка, упрыгожванні, электроніка, спорт. Усе зыходныя мадэлі - пад вольнай ліцэнзіяй CC0, я перавёў іх у аблокі кропак па 2-10 КБ. Кожная спампоўваецца пры першым згадванні і потым ляжыць у кэшы браўзэра.
  3. Падстрахоўка. Мадэлі ІІ часам «забываюць» выклікаць прыладу. Таму праз паўтары секунды пасля пачатку адказу лёгкая мадэль сама выбірае прадмет са фразы наведвальніка і пачала адказу. Вітаньні, балбатню і людзей яна прапускае.
  4. Камера. Наведвальнік можа паказаць тавар у камеру і націснуць «Распазнаць» - ІІ назаве прадмет, а часціцы збяруць яго постаць.

Як ІІ-аватар без асобы паказвае прадмет размовы: пытанне, галасавы адказ, мадэль з бібліятэкі, часціцы.

Што бачыць наведвальнік падчас званка?

  1. Пакуль званок злучаецца, часціцы складаюцца ў надпіс VibeVox, а ў сваім праекце - у назву вашага брэнда.
  2. ІІ вітаецца, і воблака часціц дыхае ў такт яго голасу: паўза - карцінка заціхае, фраза - ажывае.
  3. Размова дайшла да прадмета - часціцы збіраюцца ў яго фігуру, трымаюць яе, пакуль ІІ расказвае, і расцякаюцца назад.
  4. Фігуру можна круціць свайпам і разбіваць доўгім націскам, таму чаканне адказу ператвараецца ў гульню.
  5. Гучнасць рэгулюецца паўзунком у верхнім плашчаку званка, а камеру можна ўключыць і выключыць у любы момант.

ІІ-кансультант адказвае на мове наведвальніка. Як зрабіць шматмоўным і сам сайт, каб яго бачылі пашукавікі, я разбіраў у артыкуле пра сайт на некалькіх мовах без перакладчыка.

Дзе гэта карысна бізнэсу?

  • Кавярня ці кандытарская - кансультант расказвае пра эспрэса і дэсерты, а госць бачыць кубак і кекс.
  • Крама мэблі - «кампактная канапа для маленькай кватэры» адразу ператвараецца ў канапу на экране.
  • Турызм і экскурсіі - марская прагулка з дэльфінамі становіцца дэльфінам, а браніраванне - кошыкам.
  • Крама касметыкі, інструментаў, электронікі - памада, адвёртка, навушнікі ёсць у бібліятэцы.
  • Выставы і вітрыны - экран, які малюе тое, пра што пытаюцца наведвальнікі, збірае людзей навокал.

Чым ІІ-агент, які сам вядзе пакупніка да замовы, адрозніваецца ад звычайнага чат-бота, я паказваў у разборы аб агентах электроннай камерцыі.

Як паставіць на свой сайт?

Ёсць тры шляхі - у залежнасці ад таго, ці патрэбен вам гатовы кансультант, сайт цалкам ці толькі графіка.

Што трэба Як атрымаць
Гатовы ІІ-кансультант з голасам і 3D-выглядам віджэт VibeVox - у наладах выбіраеце "3D-фігуры" ці ART DANYUK і голас асістэнта
Сайт з убудаваным ІІ-асістэнтам 1001site AI: тарыф «Усё ўключана» - 45 € у месяц, першы месяц па промакоду месяца - 25 €
Толькі графіка для свайго галасавога ІІ рухавічок Stardust на GitHub: для асабістых праектаў бясплатна, кампаніям - камерцыйная ліцэнзія

Як уключыць і наладзіць ІІ-асістэнта ў кабінеце 1001site, апісана ў базе ведаў.

Для распрацоўнікаў падлучэнне займае адну прыладу ў наладах мадэлі і адзін радок у браўзэры - прыклады для Gemini Live, OpenAI Realtime, ElevenLabs, LiveKit і Pipecat ляжаць у рэпазітары Stardust.

Калі жадаеце такога ІІ-кансультанта ў сябе, але не жадаеце разбірацца самастойна, - напішыце мне ў Telegram @GuruAppSheet: збяру агента пад ваш каталог і пакажу дэма на вашых таварах.

Спасылкі і крыніцы

Пытанні і адказы

Гэта відэа ці графіка лічыцца ў рэальным часе?

У рэальным часе. Часціцы малюе браўзэр наведвальніка праз WebGL – тэхналогію 3D-графікі, якая ёсць у любым сучасным тэлефоне. Сервер перадае толькі голас і назоў прадмета, таму інтэрнэт амаль не нагружаецца.

Адкуль ІІ ведае, якую фігуру паказаць?

Мадэль ІІ у размове выклікае прыладу show_visual з назвай прадмета на англійскай, напрыклад coffee cup. Далей бібліятэка з 1359 гатовых 3D-мадэляў падбірае прыдатную. Калі мадэлі няма - збіраецца аб'ёмны сілуэт значка-эмодзі, людзей сістэма не малюе.

Ці будзе тармазіць на старым тэлефоне?

Якасць падладжваецца само: калі кадры пачынаюць спазняцца, спачатку зніжаецца дазвол, потым колькасць часціц. Калі ІІ маўчыць, малюнак абнаўляецца радзей, каб берагчы батарэю, а ва ўтоенай укладцы не малюецца зусім.

Ці працуе гэта на iPhone?

Так, у Safari і Chrome на iPhone і Android. Калі тэлефон не падтрымлівае патрэбны рэжым WebGL2, ART DANYUK сам перамыкаецца на стыль "3D-зоркі", якому хапае звычайнага WebGL.

Ці можна ўзяць гэтую графіку ў свой праект?

Так. Для асабістых і некамерцыйных праектаў рухавік Stardust бясплатны, кампаніям патрэбна камерцыйная ліцэнзія, а для кліентаў VibeVox і 1001site яна ўжо ўключана. Зыходнікі і прыклады падключэння ляжаць на GitHub: github.com/DanikVR/vibevox-stardust.

Жадаеце такі сайт для свайго бізнэсу?

Абярыце стыль з 1000 узораў — ІІ‑агент збярэ сайт па вашай спасылцы або апісанні і напоўніць яго за хвіліны, а не тыдні.

Глядзець стылі