TRUSTED USE CASES
プロジェクト分離、API キー、利用ダッシュボードにより、既存システムの横にアバター表現レイヤーを追加できます — チャットやビジネスロジックを置き換えることなく。
スケール可能な配信設計
アセット・音声から埋め込み・利用計測まで、B2B チームの試用から本番までをカバー。
一回の埋め込みで全環境一致
コンソールで設定後、埋め込みフラグメントを既存ページに貼り付けるだけで 3D アバターとチャット UI が読み込まれます — フロントエンドアーキテクチャを再構築する必要はありません。
コンテンツを演出する TTS + リップシンク
テキストから音声と口の動きを駆動。または独自の音声に口を合わせて、ナレーション、トレーニング、ブランドストーリーテリングに活用できます。
ひと目で分かる透明な利用状況
TTS 文字数、リップシンク時間などの指標で計測 — コンソールの明確な利用状況ビューにより、運用とコンテンツチームの足並みが揃います。
プロジェクトごとに分離された API キー
各アバタープロジェクトは独自のキーと設定を持ち、マルチテナント・マルチ環境のデプロイに対応。誤用と漏洩のリスクを軽減します。
典型的なシーン
「コンテンツは準備済み」から「アバターが演じる」へ — すでにスクリプト、コース、放送原稿をお持ちのチームに最適です。
トレーニングとコース配信
課題 · 長い文書や録画レッスンは注意を引きづらく、学習者にはより自然なペースが必要です。
アプローチ · 確定済みのスクリプトをプラットフォームに渡して TTS + リップシンクを行い、既存の LMS と並んでレッスンページにアバターを埋め込みます。
推奨統合: iframe / Web Component
マーケティングとキャンペーンページ
課題 · キャンペーンページにはブランドに沿ったナレーションとガイダンスが必要ですが、複数の動画アセットを別途維持したくありません。
アプローチ · コンソールで外観と音声を設定。コピーが変わったらナレーションを再生成してランディングページに埋め込み — サポート時は言語やバリアントの切り替えも可能。
推奨統合: JS SDK · iframe
3 つの統合方法 — お好みでどうぞ
同じアバター能力。スタックとリリースのリズムに合うパスを選んでください。
- 低タッチ01
iframe 埋め込み
検証が最速: ホスト URL を貼り付け、postMessage でホストページと通信 — キャンペーンとサポートウィジェットに最適。
- コンポーザブル02
Web Component
宣言的なカスタム要素でサイトのレイアウトとデザインシステムに揃いやすい — 長期運用のブランドサイトに理想的。
- プログラマブル03
JavaScript SDK
コードで初期化、イベントを購読、ビジネスロジックと結合 — 深いカスタマイズが必要なプロダクトチームに最適。
開発者
各プロジェクトには独自の API キーがあり、埋め込み URL とドメイン許可リストはコンソールで設定します。以下は最小限の JS SDK 例です (プレースホルダー URL を実際のホストに置き換えてください)。
<!-- 1. SDK を読み込む -->
<script type="module" src="https://embed.avataraisdk.com/sdk.js"></script>
<!-- 2. 初期化 (apiKey はコンソールからコピー) -->
<script type="module">
const widget = AIAvatar.init({
agentId: 'YOUR_AGENT_ID',
apiKey: 'YOUR_API_KEY',
behavior: { llmMode: 'external' },
// ルート A:LLM はテキストを返し、我々が TTS と口元同期を担当
onUserInput: async (msg) => {
const reply = await myCustomerLLM(msg.content);
widget.replyText(reply);
},
});
</script>Web Component と JS SDK のセットアップは ドキュメントを参照。
セットアップから公開まで 4 ステップ
受け渡しを減らすセルフサービスフローで、チームはコンテンツと運用に集中できます。
- 1
登録してプロジェクトを作成
コンソールでアバタープロジェクトを作成 — 外観、音声、キーのコンテナです。
- 2
外観と音声を設定
アセットライブラリから選ぶか、シーンに合うリソースをアップロードします。
- 3
埋め込みスニペットをコピー
サイトのスタックに応じて iframe、Web Component、または SDK init を選択します。
- 4
公開して観測
公開後、利用状況とキーを監視し、必要に応じてプロジェクト設定を調整します。
よくある質問
無料期間、データの扱い、対応環境について最も多く寄せられる質問をまとめました。
期間限定の無料フェーズはどれくらい続きますか?
確定した終了日はまだありません。まずは製品を磨き込むことに集中しています。有料プラン開始時には、コンソールとサイトを通じて全登録ユーザーに少なくとも 30 日前に通知します — 突然の切り替えはありません。このフェーズで作ったアバター、API キー、利用記録は保持されますか?
はい、完全に保持されます。無料フェーズ中に作成したすべてのプロジェクト、外観/音声設定、API キー、利用履歴は有料版でもそのまま使えます — 再作成や移行は不要です。有料の価格モデルはどうなりますか?
TTS 文字数とリップシンク秒数で計測し、月次プラン枠とチャージパックを用意します。プロジェクト作成や埋め込みスニペットコピーといったコンソール操作には課金しない予定です。正確な価格は公開前に発表 — 現時点では数値は確定していません。無料フェーズ中に利用制限はありますか?
悪用と暴走消費を防ぐため、アカウント単位のソフトな公平利用上限があります。一般的なワークロードでは到達しません。ピークが見込まれる場合 (例: キャンペーン日に 5000 コール超)、事前にメールでご連絡いただければ手動で上限を引き上げます。サポートしているブラウザと環境は?
デスクトップは Chrome / Edge / Safari / Firefox の最新 2 つのメジャーバージョン、モバイルは iOS Safari と Android Chrome。埋め込み 3D アバターは WebGL 2.0 が必要 — 非常に古い端末では静的画像にフォールバックすることがあります。WordPress / Shopify / Webflow / Wix / Squarespace で作ったサイトに直接インストールできますか?
はい。WordPress と Shopify には専用の統合方法を用意しています (WordPress プラグイン、Shopify Theme App Extension)。Webflow、Squarespace、Ghost、Wix、静的 HTML などはコンソールから SDK スニペットをコピーして貼り付けるだけ、各プラットフォーム 1〜3 分でコード不要です。詳しい手順はコンソールの「導入ドキュメント」をご覧ください。WeChat 公式アカウント、ミニプログラム、アプリ内 WebView に埋め込めますか?
WeChat 記事本文は iframe や Web Component を許可していないため、直接埋め込みはできません。ミニプログラムでは web-view で SDK が動作する自分のドメインを指す方式が使えます。アプリ内 WebView は JavaScript と WebGL を許可していればサポートされます。