即时通信 IM Web(虚拟背景)

TUICallKit 推出了虚拟背景新特性,让用户在视频通话时,可设置模糊背景或图片背景,隐藏真实通话环境,保护隐私,让通话更有趣。 接下来,这篇将详细介绍在 TUICallKit 组件中如何使用这一特性。

相关产品
即时通信 IM 产品页,含版本规格、价格与购买入口。

一、集成效果

TUICallKit 组件接入虚拟背景功能后的显示效果如下:

原始摄像头 模糊背景效果 图片背景效果
  

二、准备条件

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

三、开启模糊背景

TUICallKit 的 UI 方案支持设置模糊背景。通过调用以下接口,你可以在 UI 上显示模糊背景的功能按钮,点击按钮可直接启用模糊背景功能。

import { TUICallKitAPI } from "@trtc/calls-uikit-vue";TUICallKitAPI.enableVirtualBackground(true);

四、设置图片背景(可选)

图片背景需要用户自行实现,将图片保存在本地后,调用以下接口进行设置。网络图片也支持。

import { TUICallKitAPI } from "@trtc/calls-uikit-vue";TUICallKitAPI.getTUICallEngineInstance().setVirtualBackground(imagePath: string)

五、开启模糊背景无反应或有延迟?

·确保已购买音视频通话群组通话版(140万分钟)套餐,详见 开通服务。

·网络较差时,虚拟背景模型文件可能未下载完,从而导致开启虚拟背景失败。

六、关闭摄像头,是否能开启虚拟背景?

不能。

赞 (0)
上一篇 4天前
下一篇 4天前