Passen Sie Aussehen und Stimme an, kopieren Sie das Einbett-Snippet und liefern Sie einen 3D-Avatar mit natürlicher Sprache auf Ihrer Marketing-Site, in In-App-WebViews oder Kampagnenseiten aus. Nutzung und API-Schlüssel sind in der Konsole sichtbar.
- Drei Einbettungs-Modi
- iframe · Web Component · JS-SDK
- Stimme & Lippen
- TTS + Blendshapes
- Produktisierte Auslieferung
- Projekte · Schlüssel · Nutzungsmessung
TRUSTED USE CASES
Projekt-Isolation, API-Schlüssel und Nutzungs-Dashboards machen es einfach, eine Avatar-Präsentationsschicht neben bestehenden Systemen anzufügen — ohne Chat oder Geschäftslogik zu ersetzen.
Für skalierbare Auslieferung gebaut
Von Assets und Stimmen über Einbettungen bis zur Nutzungserfassung deckt die Plattform den Weg von der Erprobung bis zur Produktion für B2B-Teams ab.
Ein Snippet, überall konsistent
Nach der Konfiguration in der Konsole fügen Sie das Einbett-Fragment in bestehende Seiten ein, um den 3D-Avatar und das Chat-UI zu laden — ohne Ihre Frontend-Architektur neu aufbauen zu müssen.
TTS + Lip Sync, die Ihren Inhalt inszenieren
Steuern Sie Sprache und Lippenbewegungen aus Text; oder synchronisieren Sie Lippen mit Ihrem eigenen Audio für Sprecher, Schulungen und Marken-Storytelling.
Transparente Nutzung auf einen Blick
Erfasst nach TTS-Zeichen, Lip-Sync-Dauer und verwandten Signalen — mit klaren Nutzungsansichten in der Konsole, damit Ops und Content-Teams synchron bleiben.
API-Schlüssel pro Projekt isoliert
Jedes Avatar-Projekt hat eigene Schlüssel und Einstellungen für Multi-Tenant- und Multi-Environment-Deployments und reduziert Missbrauchs- und Leck-Risiken.
Typische Szenarien
Von „Inhalt ist fertig" bis „der Avatar inszeniert ihn" — ideal, wenn Sie bereits Skripte, Kurse oder Sendetexte haben.
Schulung & Kursauslieferung
Herausforderung · Lange Dokumente und aufgezeichnete Lektionen halten die Aufmerksamkeit schwer; Lernende brauchen einen natürlicheren Rhythmus.
Ansatz · Geben Sie finalisierte Skripte an die Plattform für TTS + Lip Sync und betten Sie den Avatar neben Ihrem bestehenden LMS in die Lektionsseiten ein.
Empfohlene Integration: iframe / Web Component
Marketing- und Kampagnenseiten
Herausforderung · Kampagnenseiten brauchen markenkonforme Erzählung und Führung, ohne viele separate Video-Assets pflegen zu müssen.
Ansatz · Konfigurieren Sie Aussehen und Stimme in der Konsole; bei Textänderungen erzeugen Sie die Voiceovers neu und betten sie auf Landingpages ein — mit Sprach- oder Variantenwechsel falls unterstützt.
Empfohlene Integration: JS-SDK · iframe
Drei Wege zur Integration — wählen Sie einen
Gleiche Avatar-Fähigkeiten; wählen Sie den Pfad, der zu Ihrem Stack und Release-Rhythmus passt.
- Geringer Aufwand01
iframe-Einbettung
Am schnellsten zu validieren: Hosted-URL einfügen, mit der Host-Seite per postMessage kommunizieren — ideal für Kampagnen und Support-Widgets.
- Komponierbar02
Web Component
Deklarative Custom Elements, die sich leichter in Layout und Design-System Ihrer Site einfügen — ideal für langlebige Marken-Sites.
- Programmierbar03
JavaScript-SDK
Im Code initialisieren, Events abonnieren und Geschäftslogik einbinden — am besten für Produkt-Teams mit hohem Anpassungsbedarf.
Entwickler
Jedes Projekt hat einen eigenen API-Schlüssel; Einbett-URLs und Domain-Whitelists werden in der Konsole konfiguriert. Minimales JS-SDK-Beispiel unten (Platzhalter-URL durch Ihren Host ersetzen).
<!-- 1. SDK einbinden -->
<script type="module" src="https://embed.avataraisdk.com/sdk.js"></script>
<!-- 2. Initialisieren (apiKey aus der Konsole kopieren) -->
<script type="module">
const widget = AIAvatar.init({
agentId: 'YOUR_AGENT_ID',
apiKey: 'YOUR_API_KEY',
behavior: { llmMode: 'external' },
// Route A: Ihr LLM gibt Text zurück, wir übernehmen TTS + Lippensynchronisation
onUserInput: async (msg) => {
const reply = await myCustomerLLM(msg.content);
widget.replyText(reply);
},
});
</script>Web Component und JS-SDK Setup — siehe Dokumentation.
Von Setup bis Launch in vier Schritten
Ein Self-Service-Flow, der Übergaben reduziert, damit Teams sich auf Inhalt und Betrieb konzentrieren können.
- 1
Anmelden & Projekt anlegen
Erstellen Sie ein Avatar-Projekt in der Konsole — der Container für Aussehen, Stimme und Schlüssel.
- 2
Aussehen & Stimme konfigurieren
Wählen Sie aus der Asset-Bibliothek oder laden Sie Ressourcen hoch, die zu Ihrem Szenario passen.
- 3
Einbett-Snippet kopieren
Wählen Sie iframe, Web Component oder SDK-Init basierend auf dem Stack Ihrer Site.
- 4
Live gehen & beobachten
Nach dem Launch Nutzung und Schlüssel überwachen; Projektkonfiguration nach Bedarf anpassen.
Häufig gestellte Fragen
Die Fragen, die wir am häufigsten zur kostenlosen Phase, Datenverarbeitung und unterstützten Umgebungen hören.
Wie lange wird die zeitlich begrenzte kostenlose Phase dauern?
Noch kein festes Enddatum. Wir konzentrieren uns zuerst darauf, das Produkt zu polieren. Wenn die kostenpflichtigen Pläne starten, benachrichtigen wir alle registrierten Nutzer mindestens 30 Tage im Voraus über Konsole und Website — keine Überraschungs-Umstellung.Werden die Avatare, API-Schlüssel und Nutzungsaufzeichnungen aus dieser Phase erhalten?
Ja, vollständig. Alle in der kostenlosen Phase erstellten Projekte, Aussehen/Stimme-Konfigurationen, API-Schlüssel und historische Nutzung bleiben in der Bezahlversion verfügbar — kein Neuanlegen oder Migrieren nötig.Wie wird die kostenpflichtige Preisgestaltung aussehen?
Berechnung nach TTS-Zeichen und Lip-Sync-Sekunden, mit monatlichen Plan-Kontingenten und Aufladepaketen. Konsolen-Aktionen wie Projekte erstellen oder Snippets kopieren wollen wir nicht extra berechnen. Genaue Preise werden vor dem Launch angekündigt — keine Zahlen aktuell zugesichert.Gibt es Nutzungslimits während der kostenlosen Phase?
Es gibt weiche Pro-Konto-Fair-Use-Obergrenzen, um Missbrauch und unkontrollierten Verbrauch zu verhindern. Typische Workloads erreichen sie nicht. Wenn Sie eine Spitze erwarten (z. B. ein Kampagnen-Tag mit >5k Aufrufen), schreiben Sie uns vorab — wir erhöhen Ihr Limit manuell.Welche Browser und Umgebungen werden unterstützt?
Die letzten zwei Hauptversionen von Chrome / Edge / Safari / Firefox auf Desktop; iOS Safari und Android Chrome auf Mobile. Der eingebettete 3D-Avatar benötigt WebGL 2.0 — sehr alte Geräte können auf ein statisches Bild zurückfallen.Kann ich es auf WordPress, Shopify, Webflow, Wix oder Squarespace installieren?
Ja. WordPress und Shopify haben dedizierte Integrationen (WordPress-Plugin, Shopify Theme App Extension). Für Webflow, Squarespace, Ghost, Wix oder statisches HTML fügen Sie das SDK-Snippet aus der Konsole ein — 1 bis 3 Minuten pro Plattform, kein Code erforderlich. Schritt-für-Schritt-Anleitungen finden Sie in der Integrationsdokumentation der Konsole.Kann ich es in WeChat Official Accounts, Mini-Programme oder App-WebViews einbetten?
WeChat-Artikel-Bodies erlauben keine iframes oder Web Components, daher ist direkte Einbettung dort nicht möglich. Mini-Programme können web-view zu Ihrer eigenen Domain nutzen, wo das SDK funktioniert. App-WebViews werden unterstützt, solange sie JavaScript und WebGL erlauben.
Bereit, den Avatar vor Ihre Nutzer zu bringen?
Öffnen Sie die Konsole, um Ihr erstes Projekt anzulegen und in Minuten eine testbare Einbett-Vorschau und einen API-Schlüssel zu erhalten.
Zur Konsole