@tencentcloud/call-uikit-react

TUICallKit

TUICallKit is a UIKit component for audio and video calls.

English | 简体中文

Online Demo

• Desktop Web

  

• H5

  

• Group Call

  

Introduction

TUICallKit is a UIKit component for audio and video calls developed by Tencent Cloud. By integrating this component, you can easily add video calling functionality to your app with just a few lines of code.

• Online Demo
• Changelog
• API Documents
• We offer TUICallKit for Web, Android, iOS, MiniProgram, Flutter, explore more in trtc.io.

Environment Supports

TUICallKit supports major modern browsers. For details, please refer to Browsers Supported.

Please be sure to use HTTPS protocol or localhost to deploy your Web App, otherwise a navigator.mediaDevices not found error will occur!

Chrome	Edge	Firefox	Safari	iOS Safari	Opera
56+	80+	56+	11+	11+	46+

Install

npm:

npm install @tencentcloud/call-uikit-react --save

yarn:

yarn add @tencentcloud/call-uikit-react

Usage

Refer to the following two tutorials for a quick run-through of the demo and how to use the TUICallKit to implement basic audio and video calling functionality.

• Demo Quick Run
• TUICallKit Github Demo

Explore TUICallKit API documents：TUICallKit API

API Overview

• Initialize TUICallKit init
• Start single or group calls calls
• Set language setLanguage
• Set user nickname and avatar setSelfInfo
• Customize the user's incoming call ringtone setCallingBell
• Enable/Disable floating window enableFloatWindow
• Enable/Disable incoming call ringtone enableMuteMode
• Destroyed the TUICallKit instance destroyed

Directory

├── debug
├── types                     // ts declaration file
├── README-zh_CN.md
├── README.md
├── package.json
├── tuicall-uikit-react.es.js  // sdk file base on ES modules
└── tuicall-uikit-react.umd.js // sdk file base on umd modules