이 페이지는 현재 영어로만 제공되며 한국어 버전은 곧 제공될 예정입니다. 기다려 주셔서 감사드립니다.

플로팅 윈도우

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"
/>