Tencent Cloud TUICallKit

TUICallKit is a UI-integrated solution for audio and video calling provided by Tencent Cloud. It allows developers to add video calling capabilities to applications with minimal code, providing a user interface similar to WeChat or FaceTime. It supports offline wake-up capabilities (push notifications) and is available across multiple platforms.

Key Features:

• Ready-to-use UI: Saves significant development time by providing a complete calling interface.
• Multi-platform Interoperability: Supports Web, Android, iOS, WeChat Mini Programs, and cross-platform frameworks like uni-app. Users on different platforms can call, answer, and hang up with each other.
• Mobile Offline Push: Supports offline wake-up for Android and iOS via services like Google FCM, Apple (APNs), Xiaomi, Huawei, OPPO, VIVO, and Meizu.
• Group Calling: Supports 1-on-1 calls as well as group video calls, including inviting members mid-call or allowing members to join actively.
• Multi-device Login: Allows users to log in on multiple devices (e.g., phone and tablet) simultaneously.
• Advanced Features: Includes support for custom ringtones, custom avatars, AI noise reduction, and weak network optimization.

TUICallKit is a React-based UI component library for adding audio and video calling capabilities to Web applications. It provides a high-level interface that allows developers to implement full calling functionality with minimal code.

Key features include:

• Comprehensive Functionality: Supports 1v1, group, audio-only, and video calls, including video-to-audio switching and device selection.
• Low Integration Barrier: Can be implemented with as few as 3 lines of code for a test demo, or 6 lines for full capability integration.
• Multi-device Adaptation: Optimized layouts for H5 1v1 calls and group calls.
• High Performance: Low latency (<300ms end-to-end), high packet loss resilience (>80% anti-packet loss, >1000ms anti-jitter), and high-definition support (720P/1080P).
• Ecosystem Integration: Works with TUIKit to allow initiating calls directly from TIM (Tencent IM) conversations.
• Internationalization: Supports Chinese, English, and Japanese.

TUICallKit is a UIKit component for audio and video calls developed by TencentCloud. To integrate it into a uni-app project, follow these steps:

1. Prerequisites & Environment Setup

• Editor: Use the latest HBuilderX.
• iOS: Requires iOS 9.0+ on a physical device (simulators are not supported).
• Android: Requires Android 4.1+ (SDK API Level 16) on a physical device. Android 5.0+ is recommended. Ensure Allow Debugging is enabled on the device.
• Network: Devices must have internet connectivity.

2. Enable TUICallKit Service

1. Log in to the TRTC Console and create a new application.
2. In the Application Details page, locate the UI low-code scenario section and click to start a 7-day free trial of TUICallKit.
3. Save your SDKAppID and SecretKey from the application details page.

3. Project Configuration

1. Clone the repository:

   git clone https://github.com/Tencent-RTC/TUICallKit.git

2. Install dependencies:

   cd ./TUICallKit/uni-app/TUICallKit-app
   npm install

3. Configure Credentials: Open uni-app/TUICallKit-app/debug/GenerateTestUserSig-es.js and update the following variables with your credentials:

   let SDKAppID = 0; // Replace with your SDKAppID
   let SecretKey = ''; // Replace with your SecretKey

4. Import the Plugin

1. Obtain the TencentCloud-TUICallKit plugin from the DCloud extension market. When purchasing (free), ensure you select the correct AppID and bind the correct package name.
2. In your project, open manifest.json.
3. Under App Native Plugin Configuration (App原生插件配置), click Select Cloud Plugin (选择云端插件) and choose TencentCloud-TUICallKit plugin.

5. Run the Project

1. Create a Custom Debug Base (自定义调试基座) using the Traditional Build (传统打包) method.
2. Once the build is successful, run the project using the Custom Debug Base.