Beauty AR
  • 产品概述
  • Web
    • 快速启动
    • 集成
      • 产品概述
      • 内置摄像头
      • 自定义流
      • 加载优化
      • 设置特效
      • 使用人像分割
      • 设置表情和虚拟形象
    • 接口文档
    • 发布说明
    • 最佳惯例
      • 结合 WebRTC 的推流
      • 结合 WebRTC 的推流(预初始化方案)
      • 结合 TRTC 推流
    • 常见问题
  • Android
    • 集成
      • 集成 SDK
      • 集成 TEBeautyKit
    • 接口文档
    • 发布说明
    • 最佳惯例
      • 缩减 SDK 大小
      • 特效参数
    • 高级功能
      • 手势识别
      • 人脸识别
      • 虚拟背景
    • 素材制作
      • 美颜 AR Studio 简介
    • 常见问题
  • IOS
    • 集成
      • 集成 SDK
      • 集成 TEBeautyKit
    • 接口文档
    • 发布说明
    • 最佳惯例
      • 缩减 SDK 大小
      • 特效参数
    • 高级功能
      • 手势识别
      • 人脸识别
      • 虚拟背景
    • 素材制作
      • 美颜 AR Studio 简介
    • 常见问题
  • Flutter
    • 集成
    • 接口文档
    • 素材制作
      • 美颜 AR Studio 简介
  • 产品概述
    • 产品概述
  • 开通服务
  • 价格中心
  • 体验版
    • Web
    • 移动端
Beauty AR

使用人像分割

实现虚拟背景需要在初始化时启用人像分割模块,详情请参见 自定义流内置相机
注意:
虚拟背景暂不支持小程序。

设置背景

SDK 支持设置模糊背景、图片背景,支持在初始化参数中透传:
const config = {
module: {
beautify: true, // 是否启用美颜模块,启用后可以使用美颜、美妆、贴纸等功能
segmentation: true // 是否启用人像分割模块,启用后可以使用背景功能
},
auth: authData, // 鉴权参数
input: stream, // input传输入流
beautify: { // 初始化美颜参数(可选)
whiten: 0.1,
dermabrasion: 0.3,
eye: 0.2,
chin: 0,
lift: 0.1,
shave: 0.2
},
background: {
type: 'blur' // 模糊背景
}
}
const sdk = new ArSdk(
// 传入一个 config 对象用于初始化 sdk
config
)
SDK 也支持动态修改背景:
sdk.setBackground({
type: 'image', // 图片背景
src: 'https://webar-static.tencent-cloud.com/assets/background/1.jpg'
})

透明背景

SDK 在部分浏览器中支持透明背景:
sdk.setBackground({
type: 'transparent'
})
注意:
由于浏览器的兼容性问题,请注意以下几点:
人像分割同时支持移动端及桌面端浏览器。
仅能在本地处理并展示透明背景,WebRTC 不支持编码透明通道,推流会使透明背景失效。
透明背景效果仅支持桌面端的 Chrome/Firefox,桌面端 Safari 及 iOS 端均不支持。