import { ArSdk } from 'tencentcloud-webar';// SDK 클래스

<script charset="utf-8" src="https://webar-static.tencent-cloud.com/ar-sdk/resources/latest/webar-sdk.umd.js"></script>

// 인증 정보 가져오기
const authData = {
    licenseKey: 'xxxxxxxxx',
    appId: 'xxx',
    authFunc: authFunc // 자세한 내용은 「License 구성 및 사용 - 서명」을 참고하십시오.
};

const config = {
    module: { // 0.2.0의 새로운 기능
        beautify: true, // 스티커는 물론 뷰티 및 메이크업 효과를 제공하는 효과 모듈 활성화 여부
        segmentation: true // 배경을 변경할 수 있는 키잉 모듈 활성화 여부
    },
    auth: authData, // 인증 정보
    camera: { // camera 매개변수 전달
        width: 1280,
        height: 720
    },
    beautify: { // 초기화를 위한 효과 매개변수(선택 사항)
        whiten: 0.1,
        dermabrasion: 0.3,
        eye: 0.2,
        chin: 0,
        lift: 0.1,
        shave: 0.2
    }
}
const sdk = new ArSdk(
    // sdk를 초기화하기 위해 config 객체를 전달합니다.
    config
)

let effectList = [];
let filterList = [];

sdk.on('created', () => {
    // created 콜백에 효과 및 필터 목록을 표시할 수 있습니다. 자세한 내용은 「SDK 통합 - 매개변수 및 API」를 참고하십시오.
    sdk.getEffectList({
        Type: 'Preset',
        Label: '메이크업',
    }).then(res => {
        effectList = res
    });
    sdk.getCommonFilter().then(res => {
        filterList = res
    })
})

// ready 콜백에서 setBeautify/setEffect/setFilter를 호출합니다.
// 자세한 내용은 「SDK 통합 - 필터 및 효과 구성」을 참고하십시오.
sdk.on('ready', () => {
    // 뷰티 효과 구성
    sdk.setBeautify({
        whiten: 0.2
    });
    // 특수 효과 구성
    sdk.setEffect({
        id: effectList[0].EffectId,
        intensity: 0.7
    });
    // 필터 구성
    sdk.setFilter(filterList[0].EffectId, 0.5)
})

const output = await sdk.getOutput()

const output = await sdk.getOutput()
// todo 여기에서 일부 비즈니스 로직 생략
// ...

// sdk.camera는 getOutput 이후에 초기화됩니다. 인스턴스를 직접 가져올 수 있습니다.
const cameraApi = sdk.camera

// 장치 목록 가져오기
const devices = await cameraApi.getDevices()
console.log(devices)
// 비디오 트랙 비활성화
// cameraApi.muteVideo()
// 비디오 트랙 활성화
// cameraApi.unmuteVideo()
// 장치 id를 지정하여 다른 카메라로 변경(여러 카메라가 있는 경우)
// await cameraApi.switchDevices('video', 'your-device-id')

// todo 여기에서 일부 초기화 매개변수를 생략합니다.
// ...
const sdk = new ArSdk(
    config
)

let cameraApi;
sdk.on('cameraReady', async () => {
    cameraApi = sdk.camera
    // 장치 목록 가져오기
    const devices = await cameraApi.getDevices()
    console.log(devices)
    // 비디오 트랙 비활성화
    // cameraApi.muteVideo()
    // 비디오 트랙 활성화
    // cameraApi.unmuteVideo()
    // 장치 id를 지정하여 다른 카메라로 변경(여러 카메라가 있는 경우)
    // await cameraApi.switchDevices('video', 'your-device-id')
})