개발자 리소스
Web용 Beauty AR SDK 문서 및 예제
WEB BEAUTY AR 기능
앱에 필요한 카메라 경험 구축
카메라 입력
- 내장 카메라 캡처
- 사용자 지정 스트림 및 이미지
실시간 외모 조절
- 조절 가능한 피부 보정
- 필터 및 메이크업 효과
배경 조절
- 배경 흐림
- 이미지 및 영상 배경
Web용 Beauty AR SDK 살펴보기
API를 카메라, 조절 기능, 효과 에셋에 연결하세요.
브라우저 미리보기로 시작
Web용 Beauty AR SDK로 카메라 입력을 캡처하고 처리된 스트림을 미리 보세요.
문서 읽기sdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});실시간 스타일 조절
슬라이더를 Web용 Beauty AR SDK에 연결하고 초기화 후 효과를 조절하세요.
문서 읽기sdk.on('ready', () => {
sdk.setBeautify({
dermabrasion: 0.3,
whiten: 0.1,
});
});인물 뒤의 배경 변경
Web용 Beauty AR SDK에서 분할을 활성화한 후 배경 흐림과 이미지 배경을 전환하세요.
문서 읽기// Enable module.segmentation during initialization.
sdk.on('ready', () => {
sdk.setBackground({
type: 'image',
src: '/backgrounds/library.jpg',
});
});시작하기
Web용 Beauty AR SDK 시작하기
- 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();
});Web용 Beauty AR SDK 자주 묻는 질문
Web용 Beauty AR SDK에 완성된 영상 통화 앱이 포함되나요?
아니요. 카메라 미디어를 처리하고 미리보기 API를 제공합니다. 앱 인터페이스를 직접 추가하고 별도의 RTC 또는 스트리밍 SDK로 출력을 전송해야 합니다.
Web용 Beauty AR SDK를 어떻게 인증하나요?
Web 라이선스를 올바른 도메인에 바인딩하세요. App ID, license key, 서버에서 지원하는 서명 콜백을 제공하고 license token은 서버에 보관하세요.
Web용 Beauty AR SDK에서 기존 카메라 스트림을 사용할 수 있나요?
네. 기존 스트림에는 사용자 지정 입력 모드를 선택하거나 내장 카메라 캡처를 사용할 수 있습니다. 카메라 권한과 리소스 정리는 앱에서 처리하세요.
어떤 브라우저를 테스트해야 하나요?
최신 호환성 가이드를 확인하고 대상 기기를 테스트하세요. 지원 브라우저에서는 로컬로 투명 배경을 사용할 수 있지만 WebRTC 전송 시 알파 채널은 보존되지 않습니다.
Web용 Beauty AR SDK의 라이선스는 어떻게 제공되나요?
앱에 필요한 효과를 포함한 Web 라이선스를 선택하세요. 프로덕션 사용 전에 최신 체험 조건과 패키지 범위를 확인하세요.
브라우저 앱에 Web용 Beauty AR SDK를 통합하려면 어떻게 하나요?
브라우저 설정과 지원 환경 요구 사항을 따르세요. 지원할 실제 브라우저에서 사용하는 권한, 탐색, 정리를 테스트하세요.
앱 출시 전에 Web용 Beauty AR SDK를 어떻게 테스트하나요?
라이선스로 허용된 입력과 효과 처리를 테스트하세요. 카메라 사용 시 권한과 미리보기 종료 후 정리도 확인하세요.
Web용 Beauty AR SDK의 인터페이스를 어떻게 사용자 지정하나요?
지원되는 효과를 자체 미리보기와 선택기에 연결하세요. 에셋, 기능 지원, 라이선스 범위가 대상 플랫폼과 일치해야 합니다.

