有奖捉虫:办公协同&微信生态&物联网文档专题 HOT
TUICallKit 推出了虚拟背景新特性,让用户在视频通话时,可设置模糊背景或图片背景,隐藏真实通话环境,保护隐私,让通话更有趣。 接下来,本文将详细介绍在 TUICallKit 组件中如何使用这一特性。

集成效果

TUICallKit 组件接入虚拟背景功能后的显示效果如下:
原始摄像头
模糊背景效果
图片背景效果










准备条件

在使用腾讯云提供的虚拟背景功能前,您需要前往控制台,为应用开通音视频服务,购买群组通话版(140万分钟)套餐。具体步骤请参见 开通服务。
HbuilderX 版本要求:HbuilderX 版本 ≥ 3.94。

开启模糊背景

TUICallKit 的 UI 方案支持设置模糊背景。通过调用以下接口,您可以在 UI 上显示模糊背景的功能按钮,点击按钮可直接启用模糊背景功能。
说明:
首次使用该功能,可能会存在会延迟或无反应,这是因为在开启模糊背景功能的时候,SDK 内部才会去下载模型文件,正常网络情况下,下载耗时1~3s,网络越差耗时越久。
const TUICallKit = uni.requireNativePlugin('TencentCloud-TUICallKit');
const enable = true;
TUICallKit.enableVirtualBackground(enable);