• UIKit
  • SDK
  • 서버 API
Chat/
UIKit/
Android/
Build Basic Interfaces/
UIKit
  • 개요
  • Run Demo
  • 시작
  • 설치
    • TUIKit
    • TUIChat만
  • Build Basic Interfaces
    • Chat
    • Conversation List
    • Contact List
    • Add Contact
    • Create Group Chat
    • Video and Audio Call
  • Features
    • 반응
    • Quote
    • 읽음 확인
    • 사용자 온라인 상태
    • Translation
    • Voice to Text
    • 메시지 검색
  • 맞춤화
    • 메시지 맞춤화
    • 이모티콘과 스티커 맞춤화
  • 현지화
  • Changelog
  • Guideline for Beginners
  • 콘솔 안내
    • 애플리케이션 생성 및 업그레이드
    • 기본 구성
    • 기능 구성
    • 계정 관리
    • 그룹 관리
    • 콜백 구성
  • 제품 소개
    • 메시지 관리
      • 1대1 메시지
      • 메시지 저장
      • 오프라인 푸시
      • 그룹 메시지
      • 메시지 포맷
    • 계정 시스템
      • 로그인 인증
      • 온라인 상태 관리
    • 그룹 관련
      • 그룹 시스템
      • 그룹 관리
    • 사용자 정보 및 관계망
      • 정보 관리
      • 관계망 관리
  • 구매 가이드
    • 과금 개요
    • 가격
  • 에러코드
이 페이지는 현재 영어로만 제공되며 한국어 버전은 곧 제공될 예정입니다. 기다려 주셔서 감사드립니다.

Video and Audio Call

This article will guide you in building the audio and video call feature.

Display Effect

The video call effect is shown in the following figure:

The audio call effect is shown in the following figure:


Environment Requirements

Android Studio-Giraffe
Gradle-7.2
Android Gradle Plugin Version-7.0.0
kotlin-gradle-plugin-1.5.31

Preconditions

Before building the interface, please ensure that you have completed the following 4 things:
1. Created an application in the console.
2. Created some user accounts in the console.
3. Integrated with TUICallKit.
4. Called the login API in TUILogin to log in to the component.
Note:
1. All components use this API to log in. You can log in once every time you start the application.
2. Please make sure that the login is successful, and we recommend that you do the following in the callback of successful login.
If you haven't completed the above 4 steps, please refer to the corresponding steps in Getting Started first, otherwise you may encounter obstacles when implementing the following features.
If you have already completed them, please continue reading below.

Integration steps

1. log in to Chat Console to activate the audio and video service. For detailed steps, refer to the document: Activate Service.
2. In the pop-up dialog to activate the TRTC TRTC service, click "Confirm". The system will create a TRTC application with the same SDKAppID as the current Chat application in the TRTC console, allowing reuse of accounts and authentication.
3. Integrate the TUICallKit component. In the build.gradle file of the App, include a dependency for TUICallKit:
// Integrate the TUICallKit component
api project(':tuicallkit')
After integrating the TUICallKit component, "Video Call" and "Voice Call" buttons will automatically appear on the chat interface and contact profile screen. When users click on these buttons, TUICallKit will display the call invitation UI and send a call invitation request to the other party.
When a user receives a call invitation online, TUICallKit automatically displays the call receiving UI, allowing the user to accept or reject the call.
When a user receives a call invitation offline, offline push capabilities must be utilized to wake up the app call.
Starting a call from the message page is shown in the figure below:

Starting a call from the contacts page is shown in the figure below:


Add Offline Push Notifications

For details, refer to the documentation: Offline Push. After configuration, when you click a received audio and video call notification pushed offline, TUICallKit will automatically open the audio/video call invitation interface.

Add AI Noise Reduction

After integrating TUIChat and TUICallkit components, when you send a VMS in the chat interface, you can record VMS with AI noise reduction and automatic gain control. Below is a comparison of VMS recorded simultaneously with two phones:

Note:
1. This feature requires the purchase of the Advanced Audio and Video Calling Capability or higher-level plans. After the plan expires, VMS recording will switch to the system API for recording.
2. Only supported in SDK 7.0 and later versions.

More practices

You can locally run the TUIKitDemo source code to explore more interface implementations.

Contact Us

If you have any questions about this article, feel free to join the Telegram Technical Group, where you will receive reliable technical support.