Docs Overview/
Call/
Flutter/
Basic Features/
Conversational Chat/

Conversational Chat

Chat provides multi-platform chat APIs, user interface components, and server-side APIs, enabling you to build a fully functional chat application in ten minutes. In the chat application, you can easily add audio and video call features with just up to three lines of code.

Integration demonstration

After integrating Chat and TUICallKit, you can easily initiate audio and video calls on the chat messages page and user information page.


Quick Integration

Preparations

Please ensure your application has integrated Chat.

Activate Service

1. Log in to the chat console to activate audio and video services. For detailed steps, refer to the documentation Activate Service.
2. In the pop-up dialog box for activating the TRTC service, click "Confirm". The system will create a TRTC application with the same SDKAppID as the current chat application. The TRTC console allows reuse of account and authentication.

Integrate TUICallKit.

1. In the console, navigate to your Flutter project's directory and run the following command to install the tencent_calls_uikit plugin:
flutter pub add tencent_calls_uikit
2. In the Flutter application framework, add TUICallKit.navigatorObserver to navigatorObservers. For example, using the MaterialApp framework, the code is as follows:
import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';

 ......

class XXX extends StatelessWidget {
  const XXX({super.key});

 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [TUICallKit.navigatorObserver],
      ......
    );
  }
}
After integrating the TUICallKit component, the chat interface and contact information interface will by default display "video call" and "voice call" buttons. When the user clicks the button, TUICallKit will automatically display the call invitation UI and send a call invitation request to the other party.