使用美颜处理视频

import { ArRecorder } from 'tencentcloud-webar'

const recorder = new ArRecorder.ArRecorderSdk({
    auth: { licenseKey, appId, authFunc },
    beautify: { whiten: 0.3, dermabrasion: 0.5 },
})

import { ArRecorder } from 'tencentcloud-webar'

async function processVideo(file) {
    const recorder = new ArRecorder.ArRecorderSdk({
        auth: {
            licenseKey: 'YOUR_LICENSE_KEY',
            appId: 'YOUR_APP_ID',
            authFunc: yourAuthFunc, // 与 ArSdk 同样的鉴权回调
        },
        beautify: {
            whiten: 0.3,
            dermabrasion: 0.5,
        },
    })

    // 1. 鉴权 + 预热处理管线
    await recorder.init()

    // 2. 运行期可继续设置美颜/特效/滤镜
    await recorder.setBeautify({ whiten: 0.5, lift: 0.2 })
    await recorder.setEffect({ id: 'effectId', intensity: 0.7 })
    await recorder.setFilter('filterId', 0.5)

    // 3. 处理
    const result = await recorder.process(file, {
        onProgress: (current, total) => {
            console.log(`已处理 ${current}/${total} 帧`)
        },
    })

    // 4. 拿到结果
    if (result.mode === 'in-memory') {
        const url = URL.createObjectURL(result.blob)
        document.querySelector('video').src = url
    } else {
        // file 模式：已直接写入用户选择的磁盘文件
        const file = await result.fileHandle.getFile()
    }

    // 5. 清理资源
    recorder.destroy()
}

{
    blob: Blob | null,            // in-memory 模式下为完整 mp4 Blob；file 模式下为 null
    fileHandle: FileSystemFileHandle | null, // file 模式下保存的文件句柄；in-memory 下为 null
    mode: 'in-memory' | 'file',   // 实际使用的模式（auto 解析后的具体值）
    durationMs: number,           // 处理耗时
    frameCount: number,           // 处理的视频帧数
}

button.onclick = async () => {
    const fileHandle = await window.showSaveFilePicker({
        suggestedName: 'output.mp4',
        types: [{ description: 'MP4 Video', accept: { 'video/mp4': ['.mp4'] } }],
    })
    const result = await recorder.process(file, {
        mode: 'file',
        fileHandle,
    })
}