다음을 위해 설계됨: WEB

Web용 Beauty AR SDK

Web용 Beauty AR SDK로 브라우저 카메라에 실시간 보정, 얼굴 효과, 가상 배경을 추가하세요.

개발자 리소스

Web용 Beauty AR SDK 문서 및 예제

통합 가이드

카메라 처리 파이프라인에 Web용 Beauty AR SDK를 설치하세요.

카메라 준비를 마친 대화

사용자가 통화에 참여하기 전에 브라우저 미리보기에 배경 흐림을 추가하세요.

브라우저에서 메이크업 체험

사용자가 카메라로 립 색상과 메이크업 효과를 미리 보도록 하세요.

WEB BEAUTY AR 기능

앱에 필요한 카메라 경험 구축

카메라 입력

  • 내장 카메라 캡처
  • 사용자 지정 스트림 및 이미지

실시간 외모 조절

  • 조절 가능한 피부 보정
  • 필터 및 메이크업 효과

배경 조절

  • 배경 흐림
  • 이미지 및 영상 배경

Web용 Beauty AR SDK 살펴보기

API를 카메라, 조절 기능, 효과 에셋에 연결하세요.

카메라 입력

브라우저 미리보기로 시작

Web용 Beauty AR SDK로 카메라 입력을 캡처하고 처리된 스트림을 미리 보세요.

문서 읽기
preview.js
sdk.on('ready', async () => {
  const player = await sdk.initLocalPlayer('preview');
  await player.play();
});

커스터마이징

나만의 인터페이스, 나만의 스타일.

앱과 일관된 경험을 유지하세요.

나만의 카메라 경험 만들기

Web용 Beauty AR SDK를 기반으로 사이드바나 하단 도구 모음을 구성하세요. 조절 UI는 앱에서 관리합니다.

문서 읽기

시작하기

Web용 Beauty AR SDK 시작하기

  1. 01

    라이선스 준비

    라이선스를 웹 도메인에 맞추세요.

    Beauty AR 콘솔 열기
  2. 02

    Web용 Beauty AR SDK 추가

    플랫폼 가이드에 따라 프로젝트를 연결하세요.

    통합 가이드 따르기
  3. 03

    첫 프레임 처리

    Web용 Beauty AR SDK를 초기화하고 ready를 기다린 후 처리된 카메라 스트림을 미리 보세요.

    라이선스 설정
Web Beauty AR SDK
터미널
npm install tencentcloud-webar
camera-preview.js
import { 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의 인터페이스를 어떻게 사용자 지정하나요?

지원되는 효과를 자체 미리보기와 선택기에 연결하세요. 에셋, 기능 지원, 라이선스 범위가 대상 플랫폼과 일치해야 합니다.

Web Beauty AR 통합 지원

카메라 경험 구현하기

앱에 맞는 라이선스와 Web용 Beauty AR SDK로 개발을 시작하세요.