Call

Web
- Overview
  - Product Introduction
  - Activate the Service
  - Pricing
    - Free Minutes
    - Call Monthly Packages
    - Billing Explanation for Subscription Package Duration
- Get Started
  - Run Sample Code
  - Integration (React)
  - Integration (Vue3)
  - Secure authentication with userSig
- Basic Features
  - UI Customization
  - Configuring Nickname and Avatar
  - GroupCall
  - Floating Window
  - Custom Ringtone
  - Configure Resolution and Fill Mode
  - Monitoring Call Status
  - Language Settings
- Advanced Features
  - Virtual Background
  - AI Noise Suppression
  - On-Cloud Recording
- Client APIs
  - UIKit APIs
    - API Overview
    - TUICallKit
  - Engine APIs
    - 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
- FAQs
  - All Platfroms
  - Web
  - ErrorCode
  - Release Notes
Android
- Overview
  - Product Introduction
  - Activate the Service
  - Pricing
    - Free Minutes
    - Call Monthly Packages
    - Billing Explanation for Subscription Package Duration
- Get Started
  - Run Sample Code
  - Integration
  - Secure authentication with userSig
- Basic Features
  - UI Customization
  - Offline Call Push
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- Advanced Features
  - Virtual Background
  - AI Noise Suppression
  - On-Cloud Recording
- Client APIs
  - UIKit APIs
    - API Overview
    - TUICallKit
    - TUICallObserver
    - Type Definition
  - Engine APIs
    - TUICallEngine
- 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
- FAQs
  - All Platforms
  - Android
  - ErrorCode
  - Release Notes
iOS
- Overview
  - Product Introduction
  - Activate the Service
  - Pricing
    - Free Minutes
    - Call Monthly Packages
    - Billing Explanation for Subscription Package Duration
- Get Started
  - Run Sample Code
  - Integration
  - Secure authentication with userSig
- Basic Features
  - UI Customization
  - Offline Call Push
    - VoIP
    - APNs
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- Advanced Features
  - Virtual Background
  - AI Noise Suppression
  - On-Cloud Recording
- Client APIs
  - UIKit APIs
    - API Overview
    - TUICallKit
    - TUICallObserver
    - Type Definition
  - Engine APIs
    - TUICallEngine
- 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
- FQAs
  - All Platform
  - iOS
  - ErrorCode
  - Release Notes
Flutter
- Overview
  - Product Introduction
  - Activate the Service
  - Pricing
    - Free Minutes
    - Call Monthly Packages
    - Billing Explanation for Subscription Package Duration
- Get Started
  - Run Sample Code
  - Integration
  - Secure authentication with userSig
- Basic Features
  - UI Customization
  - offline Call Push
    - Notification
    - VoIP (Optional)
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- Advanced Features
  - Virtual Background
  - AI Noise Suppression
  - On-Cloud Recording
  - Beauty Effects
- Client APIs
  - 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
- FQAs
  - All Platform
  - Flutter
  - ErrorCode
  - Upgrading
  - Release Notes

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

Expected outcome
Floating Window feature

Web Floating Window	Web Full Screen	HTML5 Floating Window