tencent cloud

Feedback

Last updated: 2024-05-24 18:35:12
    This article will introduce how to use the Floating Window feature.

    Expected outcome

    Web Floating Window
    Web Full Screen
    HTML5 Floating Window
    
    
    
    
    
    
    
    
    

    Floating Window feature

    Method 1: Use the enableFloatWindow(enable: boolean) API to enable/disable the Floating Window.
    Note:
    Vue ≥ v3.1.0 is supported.
    try {
    await TUICallKitServer.enableFloatWindow(enable: Boolean)
    } catch (error: any) {
    alert(`[TUICallKit] enableFloatWindow failed. Reason: ${error}`);
    }
    Method 2: Control the Floating Window and the Full Screen on/off through attribute control.
    The allowedMinimized attribute controls the enabling/disabling of the Floating Window.
    The allowedMinimized attribute controls the enabling/disabling of the Full Screen.
    React
    Vue
    <TUICallKit
    allowedMinimized={true}
    allowedFullScree={true}
    />
    <TUICallKit
    :allowedMinimized="true"
    :allowedFullScreen="true"
    />
    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