Call

Overview

Android
- Run Sample Demo
- Integration
- UI Customization
- Offline Call Push
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallObserver
  - Type Definition
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Release Notes
iOS
- Run Sample Demo
- Integration
- UI Customization
- Offline Call Push
  - VoIP
  - APNs
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallObserver
  - Type Definition
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Release Notes
Web
- Run Sample Demo
- Integration
  - Web&H5 (React)
  - Web&H5 (Vue3)
- UI Customization
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Configure Resolution and Fill Mode
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallEvent
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Release Notes
Flutter
- Run Sample Demo
- Integration
- Offline Call Push
- UI Customization
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Beauty Effects
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallObserver
  - Type Definition
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Upgrading
- Release Notes
Overview
- Overview

Call

Floating Window

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

Web Floating Window	Web Full Screen	HTML5 Floating Window