专为以下场景打造：REACT NATIVE

React Native 视频通话 SDK

使用 Tencent RTC 的 React Native Video Calling SDK 添加原生通话 API。使用 TUICallEngine 导出接口，同时由您的应用控制通话界面、导航和用户状态。

开始构建试用 Call 演示

开发者资源

React Native 视频通话 SDK 文档与示例

API 参考

探索 React Native 视频通话 SDK API。

探索 API 用户身份验证

接入指南

安装 React Native 视频通话 SDK 并连接用户。

React Native 集成快速入门

示例与源码

查看产品的实际运行效果并了解其实现方式。

试用 Call 演示查看 React Native 源代码

React Native 一对一视频通话

在 React Native 应用中融入面对面交流，适用于个人联系或咨询，并在同一体验中提供视频和通话控制。

探索视频咨询

React Native 中的群组视频通话

在 React Native 通话界面中连接多位参与者。按照平台指南配置通话流程和受支持的群组布局。

探索群组通话

REACT NATIVE CALL 功能

React Native 视频通话功能

连接人与人

语音和视频通话
来电处理

掌控通话体验

摄像头和麦克风控件
通话生命周期事件

打造属于您的产品体验

您的应用流程
平台专属集成

探索 React Native 视频通话 API

使用 TUICallEngine 连接用户、发起通话，并在通话状态变化时更新 React Native 通话界面。

连接用户

将用户连接到您的 React Native Call SDK

在应用登录后登录 TUICallEngine。将原生通话事件传递到负责处理来电和通话中状态的界面。

阅读文档

import { TUICallEngine } from
  '@tencentcloud/call-uikit-react-native';

const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });

发起通话

在 React Native 中发起视频通话

将应用中的接收方 ID 传递给通话 API。将此操作关联到 React Native 界面中的联系人、对话或通话按钮。

阅读文档

call.calls({
  userIdList: [recipientID],
  mediaType: MediaType.Video,
});

接听和结束

自主掌控通话流程

将通话控制功能接入用户熟悉的界面。

阅读文档

call.accept({});

// When the user ends the call:
call.hangup({});

个性化定制

自定义 React Native 通话界面

根据你的产品调整 React Native 通话界面、控件和来电流程。

您的通话 UI

围绕视频画面和生命周期事件构建您自己的通话界面。

阅读文档

开始使用

为您的 React Native 应用添加视频通话

01
创建您的应用
为应用和测试用户启用 Call。
打开 Call 控制台
02
添加 React Native 视频通话 SDK
按照平台指南连接您的项目。
按照集成指南操作
03
发起首次通话
登录两位测试用户，然后拨打并接听通话。
配置身份验证

React Native Call SDK

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

import { TUICallEngine } from
  '@tencentcloud/call-uikit-react-native';

const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });

React Native 视频通话 SDK 常见问题

React Native Video Calling SDK 包含哪些功能？

React Native Video Calling SDK 提供用于通话邀请、事件和媒体控制的 TUICallEngine API。您的应用负责构建 React Native 通话界面，并将其接入原生通话事件。

我应该使用 React Native 通话 SDK 还是 UI Kit？

使用 SDK API 构建自定义界面。如果需要现成的页面和控件，请选择 UI Kit。

React Native 视频通话 UI Kit

为什么安装包名为 call-uikit-react-native？

官方 React Native 软件包同时导出 TUICallKit 和 TUICallEngine。本页面使用引擎导出项构建由应用自行管理的界面。

应用在后台运行时，能否接听来电？

后台和离线来电需要针对平台配置推送和生命周期。请遵循平台集成指南，并在真实设备上进行测试。

查看离线通话推送

如何验证 React Native 视频通话 SDK 用户的身份？

在您的服务器上创建 UserSig，并在您自己的登录流程完成后将其传递给客户端。应用密钥应始终保存在服务器上。

阅读身份验证指南

React Native 视频通话 SDK 可以免费使用吗？

界面与托管式 Call 服务承担不同的作用。请为你的应用开通该服务，并查看当前套餐、功能可用性和使用费用。

查看 Call 定价

如何将 React Native 视频通话 SDK 集成到 React Native 项目中？

安装文档所述的包和原生依赖，然后重新构建原生应用。核验权限、生命周期和原生回调，不应假设运行环境仅包含 JavaScript。

阅读平台指南

发布应用前如何测试 React Native 视频通话 SDK？

在独立用户之间测试邀请、接听、拒绝和结束通话状态，包括拒绝权限的情况。

阅读平台指南

如何定制 React Native 视频通话 SDK 的界面？

围绕支持的状态和媒体 API 构建通话控件及参与者视图；界面由你的应用负责。

阅读平台指南

React Native Call 集成支持

集成问题

获取 React Native 视频通话 SDK 的配置帮助。

查看开发者文档

讨论您的应用

讨论您的产品、预期用量和集成需求。

联系销售人员

为 React Native 应用引入视频通话

从 React Native Video Calling SDK 开始，连接两名测试用户并构建你的第一个通话。

免费开始查看 SDK 指南

React Native 视频通话 SDK

React Native 视频通话 SDK 文档与示例

API 参考

接入指南

示例与源码

React Native 一对一视频通话

React Native 中的群组视频通话

React Native 视频通话功能

连接人与人

掌控通话体验

打造属于您的产品体验

探索 React Native 视频通话 API

将用户连接到您的 React Native Call SDK

在 React Native 中发起视频通话

自主掌控通话流程

自定义 React Native 通话界面

您的通话 UI

媒体控件

为您的 React Native 应用添加视频通话

创建您的应用

添加 React Native 视频通话 SDK

发起首次通话

React Native 视频通话 SDK 常见问题

React Native Video Calling SDK 包含哪些功能？

我应该使用 React Native 通话 SDK 还是 UI Kit？

为什么安装包名为 call-uikit-react-native？

应用在后台运行时，能否接听来电？

如何验证 React Native 视频通话 SDK 用户的身份？

React Native 视频通话 SDK 可以免费使用吗？

如何将 React Native 视频通话 SDK 集成到 React Native 项目中？

发布应用前如何测试 React Native 视频通话 SDK？

如何定制 React Native 视频通话 SDK 的界面？

React Native Call 集成支持

集成问题

讨论您的应用

为 React Native 应用引入视频通话