专为以下场景打造:FLUTTER
Flutter 视频通话 UI Kit
使用 Tencent RTC 的 Flutter Video Calling UI Kit 添加通话界面。将 TUICallKit 集成到组件树和导航中,并配置来电控件与原生平台。
开发者资源
Flutter 视频通话 UI Kit 文档与示例
FLUTTER CALL 功能
Flutter 视频通话功能
连接人与人
- 语音和视频通话
- 来电处理
掌控通话体验
- 摄像头和麦克风控件
- 通话生命周期事件
打造属于您的产品体验
- 您的应用流程
- 平台专属集成
探索 Flutter 视频通话组件
将 TUICallKit 连接到 Widget 树,然后通过应用中的操作发起通话。
嵌入您的 Flutter 通话界面
在微件树中挂载 TUICallKit,并使用已通过身份验证的用户进行初始化。该组件提供通话界面和控制功能。
阅读文档MaterialApp(
navigatorObservers: [TUICallKit.navigatorObserver],
localizationsDelegates: const [AtomicLocalizations.delegate],
);在 Flutter 中发起视频通话
将接收方 ID 从应用传递给通话 API。在 Flutter 界面中,将此操作连接到联系人、对话或通话按钮。
阅读文档await TUICallKit.instance.calls(
[recipientID], CallMediaType.video, CallParams(),
);开始使用
为 Flutter 应用添加视频通话
- 01
- 02
- 03
flutter pub add tencent_calls_uikitimport '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 和本地化委托;视觉修改不能替代路由、生命周期或原生权限配置。

