BUILT FOR WEBWEB BEAUTY AR CAPABILITIES
Build the camera experience your app needs
Camera inputs
- Built-in camera capture
- Custom streams and images
Real-time appearance
- Adjustable skin retouching
- Filters and makeup effects
Background controls
- Background blur
- Image and video backgrounds
Explore the Beauty AR SDK for Web
Connect the APIs to your camera, controls, and effect assets.
CUSTOMIZATION
Your interface. Your look.
Keep the experience consistent with your application.
GET STARTED
Get started with the Beauty AR SDK for Web
- 01
- 02
- 03
npm install tencentcloud-webarimport { ArSdk } from 'tencentcloud-webar';
// Start after the user chooses to enable the camera.
const sdk = new ArSdk({
auth: { appId, licenseKey, authFunc },
module: { beautify: true, segmentation: true },
camera: { width: 1280, height: 720 },
});
sdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});Beauty AR SDK for Web FAQs
Does the Beauty AR SDK for Web include a complete video calling app?
No. It processes camera media and provides preview APIs. Add your own application interface and a separate RTC or streaming SDK to publish the output.
How do I authorize the Beauty AR SDK for Web?
Bind your web license to the correct domain. Provide the App ID, license key, and a server-backed signature callback; keep the license token on your server.
Can I use the Beauty AR SDK for Web with an existing camera stream?
Yes. Choose custom input mode for an existing stream, or use built-in camera capture. Handle camera permissions and resource cleanup in your application.
Which browsers should I test?
Check the current compatibility guide and test your target devices. Transparent backgrounds work locally on supported browsers, but WebRTC publishing does not preserve their alpha channel.
How is the Beauty AR SDK for Web licensed?
Choose a Web license with the effects your application needs. Review the current trial conditions and package coverage before enabling production use.