Presque tous les assistants vocaux IA affichent la même chose à l'écran: une sphère pulsante. Plus rarement, ils proposent une « tête parlante», un avatar vidéo d'une personne dont les lèvres bougent. J'ai créé une troisième variante, que j'ai appelée ART DANYUK: pendant que l'IA parle, des milliers de particules lumineuses se condensent pour former une figure 3D du sujet évoqué (une tasse de café, un canapé, un dauphin), puis se dispersent à nouveau sous forme de flux de données. Vous trouverez ci-dessous une démonstration en direct; vous pouvez interagir avec elle directement ici. Cet article vous sera utile si vous choisissez un assistant IA pour votre site web ou si vous créez votre propre agent vocal et souhaitez qu'il soit mémorable.
Essayez-le directement dans l'article
Touchez un objet en bas de la fenêtre ou saisissez un mot en anglais, par exemple « télescope» ou « guitare». Le bouton ▶ Visite lance un court dialogue: le visiteur pose des questions sur le café, les sucreries, un canapé, les chevaux et une excursion en bateau; l’IA répond et des particules assemblent chaque objet. Un simple tapotement crée une vague, un glissement fait pivoter la scène et un appui long disperse l’objet, qui se reconstitue ensuite. Le bouton rond dans le coin permet de changer la palette de couleurs.
Si la fenêtre ne se charge pas, ouvrez la démo séparément: vibevox.pro/stardust-demo.
Pourquoi un visage neutre vaut-il mieux qu'un ballon et une tête qui parle?
La sphère ne fait qu'afficher les paroles de l'IA. Un avatar permet de voir qui parle, mais c'est coûteux et le risque de tomber dans la « vallée de l'étrange» — où une image quasi humaine est plus inquiétante qu'un dessin clair. Un avatar sans visage révèle la conversation, et c'est ce qui marque les esprits.
| Option | Ce que voit le visiteur | Où est comptabilisée la photo? |
|---|---|---|
| boule pulsante | animation abstraite | dans le navigateur, presque sans chargement |
| Avatar vidéo humain | Le visage et les lèvres sont synchronisés avec la parole. | Sur un serveur équipé d'une carte vidéo, la conversation entière est un flux vidéo. |
| ART DANYUK | sujet de conversation en 3D | dans le navigateur du visiteur, via le réseau - uniquement la voix et le nom de l'élément |
Deux styles: ART DANYUK et étoiles 3D
ART DANYUK – une sculpture de données. Jusqu'à 131 000 particules s'écoulent comme un cocon; un objet naît à l'intérieur, y persiste quelques secondes, puis se dissout. Palettes: « Auto» (un lent mélange de toutes les couleurs), Océan, Corail, Nébuleuse, Jardin. Nécessite WebGL2, intégré à la quasi-totalité des smartphones récents.
Étoiles 3D – une galaxie spirale dans une nébuleuse. Les étoiles s'entrelacent pour former une figure tridimensionnelle illuminée qui tourne comme un objet réel. Compatible avec tous les téléphones, ART DANYUK bascule automatiquement vers ce style si votre appareil n'est pas suffisamment performant.
Dans les deux styles, les particules « respirent» au rythme de la voix de l'IA: plus la phrase est forte, plus l'image est lumineuse et éclatante.
Comment ça fonctionne de l'intérieur?
- Un outil d'IA. Le modèle appelle la fonction show_visual (« afficher l'objet») avec un nom anglais, par exemple « tasse à café», et poursuit son discours. La voix n'attend jamais d'image: il s'agit d'un canal de données distinct et minimal.
- Une bibliothèque de 1 359 modèles: alimentation, mobilier, animaux, plantes, moyens de transport, outils, cosmétiques, bijoux, électronique et articles de sport. Tous les modèles sources sont sous licence CC0 gratuite et ont été convertis en nuages de points de 2 à 10 Ko. Chaque nuage est téléchargé lors de sa première utilisation, puis mis en cache dans votre navigateur.
- Filet de sécurité. Les modèles d'IA « oublient» parfois d'appeler un outil. C'est pourquoi, après une seconde et demie de réponse, le modèle léger sélectionne automatiquement l'élément à partir de la phrase du visiteur et du début de sa réponse. Il ignore les salutations, les banalités et les interactions avec les personnes.
- Caméra. Le visiteur peut pointer le produit vers la caméra et cliquer sur « Reconnaître». L’IA nommera l’objet et les particules reconstitueront sa forme.
Que voit le visiteur pendant l'appel?
- Pendant la connexion de l'appel, les particules forment l'inscription VibeVox, et dans votre projet, le nom de votre marque.
- L’IA dit bonjour, et le nuage de particules respire au rythme de sa voix: une pause – l’image s’estompe, la phrase prend vie.
- La conversation a atteint son point de départ: des particules se rassemblent autour de sa silhouette, la maintiennent pendant que l'IA parle, puis repartent.
- La figure peut être pivotée en glissant le doigt dessus et brisée en appuyant longuement, transformant ainsi l'attente d'une réponse en un jeu.
- Le volume se règle à l'aide du curseur situé dans la barre de sonnerie supérieure, et la caméra peut être activée et désactivée à tout moment.
Le consultant en IA répond dans la langue du visiteur. J'ai expliqué comment rendre un site web multilingue afin qu'il soit visible par les moteurs de recherche dans mon article sur la création d'un site web multilingue sans traducteur.
En quoi cela est-il utile pour les entreprises?
- Dans un café ou une pâtisserie, un conseiller parle d'espresso et de desserts, et le client aperçoit une tasse et un cupcake.
- Magasin de meubles – l’annonce « canapé compact pour petit appartement» se transforme immédiatement en canapé à l’écran.
- Tourisme et excursions – une excursion en bateau avec les dauphins se transforme en dauphin, et une réservation en panier.
- Une boutique vendant des cosmétiques, des outils et des appareils électroniques — rouges à lèvres, tournevis et casques audio — est disponible dans la bibliothèque.
- Expositions et vitrines – un écran qui affiche les sujets demandés par les visiteurs et qui rassemble les gens.
Dans mon analyse des agents de commerce électronique, j'ai démontré en quoi un agent d'IA qui guide les clients vers leurs commandes diffère d'un chatbot classique.
Comment l'intégrer à votre site web?
Il existe trois options, selon que vous ayez besoin d'un consultant déjà en poste, de l'intégralité du site web ou simplement des éléments graphiques.
| Ce dont on a besoin | Comment obtenir |
|---|---|
| Un consultant en IA prêt à l'emploi, doté d'une interface vocale et d'une vue 3D. | Widget VibeVox - dans les paramètres, sélectionnez « Figures 3D» ou ART DANYUK et la voix de l'assistant |
| Un site web doté d'un assistant IA intégré | 1001site AI: Formule tout compris - 45 € par mois, premier mois à 25 € avec le code promo du mois |
| Des graphismes pour votre IA vocale | Moteur Stardust sur GitHub: gratuit pour les projets personnels, licence commerciale pour les entreprises |
La base de connaissances décrit comment activer et configurer l'assistant IA dans votre compte 1001site.
Pour les développeurs, la connexion nécessite un outil dans les paramètres du modèle et une ligne dans le navigateur - des exemples pour Gemini Live, OpenAI Realtime, ElevenLabs, LiveKit et Pipecat se trouvent dans le dépôt Stardust.
Si vous souhaitez bénéficier des services d'un consultant en IA de ce type mais que vous ne voulez pas vous en occuper vous-même, contactez-moi sur Telegram @GuruAppSheet: je créerai un agent pour votre catalogue et vous montrerai une démonstration utilisant vos produits.
