tencent cloud


Last updated: 2024-05-24 17:37:05
    TUICallKit has launched a new feature for virtual backgrounds, allowing users to set a blurry or image background during video calls. This hides the real calling environment, protects privacy, and makes the call more interesting. Next, this article will detail how to use this feature in the TUICallKit component.

    Integration effect

    The display effect of the TUICallKit component after integrating the virtual background feature is as follows.
    Original Camera
    Blurry Background Effect
    Image Background Effect

    Preparation Requirements

    Before using the Virtual Background feature provided by Tencent Cloud, you need to visit the Console to activate Audio and Video Services for your application and purchase the Group Call package. For specific steps, please see Activate Service.

    Enable Blurry Background

    TUICallKit's UI design supports setting a blurry background. By calling the following interface, you can display a feature button for the blurry background on the UI. Clicking the button will directly enable the blurry background feature.
    H5 is not supported yet, only PC supports it.
    v3.2.4+ support.
    import { TUICallKitServer } from "@tencentcloud/call-uikit-vue"; // take @tencentcloud/call-uikit-vue for example

    Setting Image Background (Optional)

    Implementing the image background requires users to save the image locally. After saving, call the following interface for setting (currently, only images with a local path are supported, images of uri are not supported yet).
    import { TUICallKitServer } from "@tencentcloud/call-uikit-vue"; // take @tencentcloud/call-uikit-vue for example
    TUICallKitServer.getTUICallEngineInstance().setVirtualBackground(imagePath: string)


    Enabling blurry background has no response or is delayed

    Ensure you have purchased the audio and video call Group Call package, see Activate Service.
    When the network is poor, the virtual background model file may not be completely downloaded, resulting in failure to open the virtual background.

    Can the virtual background be turned on if the camera is turned off?

    Not available.
    Contact Us

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

    Technical Support

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

    7x24 Phone Support