要件
- ブラウザ: Chrome 57+、Firefox 52+、Safari 11+、Edge 16+
- 言語: JavaScript(ES6+)または TypeScript
- コンテキスト: HTTPS または
localhost(カメラに必要)
SDK のインストール
サンプルの取得
GitHub リポジトリ をクローンし、demo/web/react を開きます。
file: 経由でリポジトリ内 SDK に依存します。
ドメインのバインドと認証情報
- ダッシュボードで Web ドメイン(例:
example.com)をバインドします。サブスクリプション を参照してください。 - ダッシュボードから
appId/appKeyをコピーします。EngineConfigに入れないでください。 Web ではサーバー側に置きます。
.lic はありません。詳細: 認証とライセンス。
デモの設定
デモはページにキーを置きません。ページは/api/facebetter/auth のプロキシを呼び(src/fetchLicenseToken.js)、レスポンスをエンジンに渡します。本番プロキシは api/facebetter/auth.js にあります。ローカルの vite では、そのパスはデプロイ済みデモプロキシへ転送されます。
init() 中にランタイムファイルを読み込みます。resource.fbd を public/ にコピーする必要はありません。任意: init({ onProgress }) はダウンロードパーセントを報告します。3D ステッカーには resource_3d.fbd、ボディリシェイプには resource_body.fbd が必要です。オプションリソースパック を参照してください。
実行
http://localhost:5175)。
確認
- DevTools(F12)を開き、コンソールを確認します。
- 求められたらカメラを許可します。
- 美顔スライダーを動かすと、プレビューにスムージング / リシェイプが見えるはずです。
本番の最小初期化
app_id / app_key を保持し、トークンを返します。サーバーコードの例は 認証とライセンス にあります。
