Web&Electron

最近更新时间:2024-05-24 15:19:21

我的收藏
TUIRoomKit 推出了文字水印功能,让用户在进行多人会议时可以设置文字水印。 本文将详细介绍如何在 TUIRoomKit 组件中使用这一特性。

集成效果

在 TUIRoomKit 组件中集成文字水印功能后,显示效果如下:




准备条件

在使用腾讯云提供的文字水印功能前,您需要前往控制台,为应用开通多人会议服务。具体步骤请参见 开通服务

开启文字水印

注意:
小程序平台暂不支持,electron 与 web 端均已支持。
需使用 TUIRoomKit v2.3.3 及以上版本。
TUIRoomKit 提供了设置文字水印的功能。您可以通过调用 enableWatermark 接口来启用文字水印功能。
Web
Electron
// 注意包的名称,如果您使用 vue2 版本请更改包名为 @tencentcloud/roomkit-web-vue2.7
import { conference } from '@tencentcloud/roomkit-web-vue3';
conference.enableWatermark();
// 注意包的名称,如果您使用 vue2 版本请更改包名为 @tencentcloud/roomkit-electron-vue2.7
import { conference } from '@tencentcloud/roomkit-electron-vue3';
conference.enableWatermark();

常见问题

开启文字水印后页面样式显示异常?

请检查 id 为 'roomContainer' 的父级元素,确认其 style 是否已设置为:width: 100%; height: 100%; overflow: hidden;