专为以下场景打造:FLUTTER

Flutter 视频通话 UI Kit

使用 Tencent RTC 的 Flutter Video Calling UI Kit 添加通话界面。将 TUICallKit 集成到组件树和导航中,并配置来电控件与原生平台。

开发者资源

Flutter 视频通话 UI Kit 文档与示例

Flutter 一对一视频通话

在您的 Flutter 应用中加入面对面交流体验,满足个人联系或咨询需求,并在同一体验中提供视频和通话控件。

Flutter 群组视频通话

在 Flutter 通话界面中连接多位参与者。请参考平台指南配置通话流程和支持的群组布局。

FLUTTER CALL 功能

Flutter 视频通话功能

连接人与人

  • 语音和视频通话
  • 来电处理

掌控通话体验

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

打造属于您的产品体验

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

探索 Flutter 视频通话组件

将 TUICallKit 连接到 Widget 树,然后通过应用中的操作发起通话。

通话界面

嵌入您的 Flutter 通话界面

在微件树中挂载 TUICallKit,并使用已通过身份验证的用户进行初始化。该组件提供通话界面和控制功能。

阅读文档
call_page.dart
MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

个性化定制

自定义您的 Flutter 通话 UI Kit

根据您的产品调整 Flutter 通话界面、控制功能和来电流程。

布局与控制

使用平台指南中的自定义选项调整通话体验。

阅读文档

开始使用

为 Flutter 应用添加视频通话

  1. 01

    创建您的应用

    为应用和测试用户启用 Call。

    打开 Call 控制台
  2. 02

    添加 Flutter 视频通话 UI Kit

    按照平台指南连接您的项目。

    按照集成指南操作
  3. 03

    发起首次通话

    登录两位测试用户,然后拨打并接听通话。

    配置身份验证
Flutter Call UI Kit
终端
flutter pub add tencent_calls_uikit
call_page.dart
import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';

await TUICallKit.instance.login(SDKAppID, userID, userSig);

Flutter 视频通话 UI Kit 常见问题

Flutter Video Calling UI Kit 包含哪些内容?

Flutter Video Calling UI Kit 提供 TUICallKit 界面和通话控件。将其连接到你的用户身份和 widget 树;Call 服务负责连接参与者。

我应该使用 Flutter 通话 SDK 还是 UI Kit?

UI Kit 在底层服务之上提供界面组件。如果需要更灵活地控制自己的应用界面,请选择 SDK。

Flutter 来电如何在后台运行?

按照 Flutter 指南配置原生推送和应用生命周期要求。在真实设备上测试前台、后台和离线状态下的来电;仅显示通话界面并不代表已完成此配置。

如何对 Flutter Video Calling UI Kit 的用户进行身份验证?

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

Flutter 视频通话 UI Kit 可以免费使用吗?

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

如何将 Flutter 视频通话 UI Kit 集成到 Dart 项目中?

安装文档指定的 Flutter 包,并完成每个目标平台的原生项目配置。结合底层 iOS 与 Android 行为测试 widget 生命周期。

发布应用前如何测试 Flutter 视频通话 UI Kit?

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

如何定制 Flutter 视频通话 UI Kit 的界面?

通过 UI Kit 的 assets/images 资源自定义 Flutter 通话控件。例如,用自有的关闭摄像头图片替换 camera_off.png,同时保留资源引用。请在持续维护的源码副本中保存修改,不要直接编辑 pub 缓存。MaterialApp 中仍需保留 TUICallKit.navigatorObserver 和本地化委托;视觉修改不能替代路由、生命周期或原生权限配置。

Flutter Call 集成支持

为您的 Flutter 应用添加视频通话

从 Flutter 视频通话 UI Kit 开始,连接两个测试用户并创建您的首次通话。