内蔵カメラ

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 // 人物画像分割モジュールを有効にするかどうか。有効にすると背景機能が使用できます
        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(
    // configオブジェクトを渡してsdkの初期化に使用します
    config
)

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

sdk.on('created', () => {
    // ページ表示のためにcreatedコールバックでエフェクトおよびフィルターリストをプルすることができます。詳細については、「SDKへのアクセス - パラメータと方法」をご参照ください
    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ではいくつかのサービスロジックを省略しています
// ...

// getOutputの後にsdk.cameraの初期化がすでに完了していた場合は、直接取得することができます
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')
})