Personnalisez l'apparence et la voix, copiez l'extrait d'intégration, et déployez un avatar 3D qui parle naturellement sur votre site marketing, WebView in-app ou pages de campagne. L'utilisation et les clés API restent visibles dans la console.
- Trois modes d'intégration
- iframe · Web Component · SDK JS
- Voix & synchro labiale
- TTS + blendshapes
- Livraison productisée
- Projets · clés · mesure d'usage
TRUSTED USE CASES
Isolation des projets, clés API et tableaux de bord d'usage permettent d'ajouter une couche de présentation avatar à côté des systèmes existants — sans remplacer votre chat ou votre logique métier.
Conçu pour une livraison à grande échelle
Des assets et voix à l'intégration et au suivi d'usage, la plateforme couvre le parcours de l'essai à la production pour les équipes B2B.
Un seul extrait, cohérent partout
Une fois la configuration faite dans la console, collez l'extrait d'intégration dans vos pages existantes pour charger l'avatar 3D et l'interface de chat — sans repenser votre architecture front-end.
TTS + lip sync qui mettent en scène votre contenu
Pilotez la parole et la synchro labiale à partir de texte ; ou alignez les lèvres sur votre propre audio pour la narration, la formation et le storytelling de marque.
Usage transparent en un coup d'œil
Mesuré aux caractères TTS, à la durée du lip sync et aux signaux associés — avec des vues d'usage claires dans la console pour aligner ops et équipes contenu.
Clés API isolées par projet
Chaque projet d'avatar dispose de ses propres clés et paramètres pour des déploiements multi-tenants et multi-environnements, réduisant les risques de fuite et d'usage abusif.
Scénarios typiques
De « le contenu est prêt » à « l'avatar le met en scène » — idéal quand vous avez déjà des scripts, cours ou textes de diffusion.
Formation et diffusion de cours
Défi · Les longs documents et les cours enregistrés peinent à retenir l'attention ; les apprenants ont besoin d'un rythme plus naturel.
Approche · Confiez vos scripts finalisés à la plateforme pour le TTS + lip sync, intégrez l'avatar dans les pages de cours à côté de votre LMS existant.
Intégration suggérée : iframe / Web Component
Pages marketing et campagnes
Défi · Les pages de campagne nécessitent une narration et un guidage cohérents avec la marque sans maintenir plusieurs vidéos séparées.
Approche · Configurez l'apparence et la voix dans la console ; quand le texte change, régénérez les voix off et intégrez sur les landing pages — passez de langue ou variante quand pris en charge.
Intégration suggérée : SDK JS · iframe
Trois façons d'intégrer — choisissez-en une
Mêmes capacités d'avatar ; choisissez le chemin qui correspond à votre stack et à votre rythme de release.
- Faible adhérence01
iframe intégré
Le plus rapide à valider : insérez l'URL hébergée, communiquez avec la page hôte via postMessage — idéal pour campagnes et widgets de support.
- Composable02
Web Component
Éléments personnalisés déclaratifs qui s'alignent plus facilement sur la mise en page et le design system de votre site — idéal pour les sites de marque pérennes.
- Programmable03
SDK JavaScript
Initialisez en code, abonnez-vous aux événements et branchez la logique métier — meilleur pour les équipes produit qui ont besoin d'une personnalisation poussée.
Développeurs
Chaque projet a sa propre clé API ; les URLs d'intégration et les listes blanches de domaines se configurent dans la console. Exemple JS SDK minimal ci-dessous (remplacez l'URL fictive par votre hôte).
<!-- 1. Charger le SDK -->
<script type="module" src="https://embed.avataraisdk.com/sdk.js"></script>
<!-- 2. Initialisation (copier apiKey depuis la console) -->
<script type="module">
const widget = AIAvatar.init({
agentId: 'YOUR_AGENT_ID',
apiKey: 'YOUR_API_KEY',
behavior: { llmMode: 'external' },
// Voie A : votre LLM renvoie du texte, nous gérons TTS + synchro labiale
onUserInput: async (msg) => {
const reply = await myCustomerLLM(msg.content);
widget.replyText(reply);
},
});
</script>Configuration Web Component et SDK JS — voir la documentation.
De la configuration au lancement en quatre étapes
Un parcours en libre-service qui réduit les transferts pour que les équipes se concentrent sur le contenu et les opérations.
- 1
Inscription et création de projet
Créez un projet d'avatar dans la console — le conteneur pour l'apparence, la voix et les clés.
- 2
Configurer apparence et voix
Choisissez dans la bibliothèque d'assets ou téléversez vos ressources pour matcher votre scénario.
- 3
Copier l'extrait d'intégration
Choisissez iframe, Web Component ou init SDK selon la stack de votre site.
- 4
Lancer et observer
Après le lancement, surveillez l'usage et les clés ; ajustez la configuration projet selon les besoins.
Questions fréquentes
Les questions que nous entendons le plus sur la phase gratuite, le traitement des données et les environnements pris en charge.
Combien de temps va durer la phase gratuite limitée ?
Pas de date de fin ferme pour le moment. Nous nous concentrons d'abord sur le polissage du produit. Quand les forfaits payants seront lancés, nous notifierons tous les utilisateurs enregistrés au moins 30 jours à l'avance via la console et le site — pas de bascule surprise.Les avatars, clés API et historiques d'usage de cette phase sont-ils conservés ?
Oui, totalement. Tous les projets, configurations apparence/voix, clés API et historiques d'usage créés pendant la phase gratuite restent disponibles dans la version payante — pas besoin de recréer ni de migrer.À quoi ressemblera la tarification payante ?
Mesurée aux caractères TTS et secondes de lip sync, avec quotas de plan mensuels et packs de recharge. Nous ne prévoyons pas de facturer les actions côté console comme créer des projets ou copier des extraits. Les prix exacts seront annoncés avant le lancement — aucun chiffre engagé pour l'instant.Y a-t-il des limites d'usage pendant la phase gratuite ?
Il existe des plafonds souples par compte pour prévenir les abus et la consommation incontrôlée. Les charges typiques ne les atteindront pas. Si vous prévoyez un pic (ex : journée de campagne avec >5k appels), envoyez-nous un email à l'avance et nous augmenterons votre limite manuellement.Quels navigateurs et environnements sont pris en charge ?
Les deux dernières versions majeures de Chrome / Edge / Safari / Firefox sur desktop ; iOS Safari et Android Chrome sur mobile. L'avatar 3D embarqué nécessite WebGL 2.0 — les très anciens appareils peuvent retomber sur une image statique.Puis-je l'installer sur WordPress, Shopify, Webflow, Wix ou Squarespace ?
Oui. WordPress et Shopify disposent d'intégrations dédiées (plugin WordPress, Shopify Theme App Extension). Pour Webflow, Squarespace, Ghost, Wix ou du HTML statique, collez le snippet SDK depuis la console — 1 à 3 minutes par plateforme, sans code. Les guides étape par étape sont dans la documentation d'intégration de la console.Puis-je l'intégrer dans des comptes officiels WeChat, mini programmes ou WebViews d'app ?
Les corps d'articles WeChat n'autorisent pas iframes ni Web Components, donc l'intégration directe n'y est pas possible. Les mini programmes peuvent utiliser web-view pointant vers votre propre domaine où le SDK fonctionne. Les WebViews d'app sont prises en charge tant qu'elles autorisent JavaScript et WebGL.
Prêt à mettre l'avatar devant vos utilisateurs ?
Ouvrez la console pour créer votre premier projet et obtenir un aperçu d'intégration testable et une clé API en quelques minutes.
Aller à la console