tencent cloud

PrevNext

Feedback

search by keyword

Recent Pages

Documentation
Tencent Real-Time Communication
    Documentation
    Download PDF

    Web&Electron

    Last updated: 2024-09-27 13:07:52
    Download PDF
      TUIRoomKit has launched the Text Watermark feature, allowing users to set text watermarks during group meetings. This article will detail how to use this feature within the TUIRoomKit component.

      Integration effect

      After integrating the Text Watermark feature in the TUIRoomKit component, the display effect is as follows:
      
      
      

      Preparation Requirements

      Before using Tencent Cloud's Text Watermark feature, you need to go to the Console and activate the Group Meeting service for your application. For specific steps, please refer to Activate Service.

      Enable Text Watermark

      Note:
      1. The Mini Program Platform does not support this feature yet, but both the Electron and Web versions are supported.
      2. You need TUIRoomKit v2.3.3 or later.
      TUIRoomKit offers the Text Watermark feature. You can enable this feature by calling the enableWatermark interface.
      Web
      Electron
      // Note the package name. If you are using the vue2 version, please change the package name to @tencentcloud/roomkit-web-vue2.7
      import { conference } from '@tencentcloud/roomkit-web-vue3';
      conference.enableWatermark();
      // Note the package name. If you are using the vue2 version, please change the package name to @tencentcloud/roomkit-electron-vue2.7
      import { conference } from '@tencentcloud/roomkit-electron-vue3';
      conference.enableWatermark();

      FAQs

      1. Why does the page style appear abnormal after enabling Text Watermark?

      Please check the parent element with id 'roomContainer', and confirm its style is set to: width: 100%; height: 100%; overflow: hidden;.
      Web
      Electron
      // Note the package name. If you are using the vue2 version, please change the package name to @tencentcloud/roomkit-web-vue2.7
      import { conference } from '@tencentcloud/roomkit-web-vue3';
      conference.enableWatermark();
      // Note the package name. If you are using the vue2 version, please change the package name to @tencentcloud/roomkit-electron-vue2.7
      import { conference } from '@tencentcloud/roomkit-electron-vue3';
      conference.enableWatermark();
      
      Contact Us

      Contact our sales team or business advisors to help your business.

      Contact Us
      Technical Support

      Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

      Submit a Ticket
      7x24 Phone Support
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      Privacy PolicyLegalCookie Policy