This page matches SDK 2.0.0. Auth: License & Auth. Makeup / reshape enums: Parameter enums.
Requirements
- Browser: Chrome 57+, Firefox 52+, Safari 11+, Edge 16+
- Language: JavaScript (ES6+) or TypeScript
- Context: HTTPS or
localhost(required for camera)
Install SDK
Get the example
Clone the GitHub repository and opendemo/web/react:
file: during development.
Bind domain and get credentials
- In the Dashboard, bind your Web domain (for example
example.com). See Subscribe. - Copy
appId/appKeyfrom the Dashboard. Do not put them onEngineConfig. On Web they belong on your server, or only insidecreateDirectAuthFetcherfor local debug.
.lic. Details: License & Auth.
Configure the demo
Opensrc/views/BeautyPreview.jsx. The sample uses direct auth for local debug:
resource.fbd at /resource.fbd (the default resourcePath). Copy the packed bundle into public/ so Vite can serve it.
Run
http://localhost:5173).
Verify
- Open DevTools (F12) and watch the console.
- Allow camera if prompted.
- Drag beauty sliders — you should see skin smoothing / reshape on the preview.
Minimal production init
app_id / app_key and forwards the SDK auth request. Example server code is on License & Auth.
