产品
解决方案
开发者
演示
价格
公司
所有博客

只需几分钟将视频通话添加到您的Flutter项目中

10 分钟阅读
Feb 18, 2025

腾讯RTC提供音视频通信SDK和UI组件,平均全球端到端延迟低于300毫秒。使用腾讯RTC,您可以快速开发具有成本效益的高质量互动音视频功能。我们将使用 腾讯RTC通话(TUICallKit) ,这是一个专为通话场景设计的定制UI组件。我们将指导您通过逐步过程,在几分钟内快速将音视频通话功能添加到您的Flutter项目中(Flutter 3.0或更高版本)。

如何集成腾讯RTC通话(TUICallKit)?

在控制台创建您的应用程序

  • 访问 腾讯RTC控制台 并点击“创建应用程序”。
  • 成功创建应用后,选择7天免费试用选项。
  • 记下您的应用名称、SDK、APP ID和密钥。

Tencent RTC Communication Console Interface for Creating and Managing Applications

将腾讯RTC通话(TUICallKit)组件导入您的项目

  • 打开您新创建的Flutter项目。
  • 最新版本 的腾讯RTC通话(TUICallKit)组件导入到您的项目配置文件中。
  • 在命令行中执行命令“flutter pub get”以成功导入该组件。

Integration of Tencent RTC Call (TUICallKit) Component into Flutter Project

- Open your newly created Flutter project.

配置项目

  • 导入组件后,在新项目中配置一些基本信息。
  • 导入使用腾讯RTC通话(TUICallKit)组件所需的Dart文件。
  • 在iOS项目的Runner下的info.plist文件中请求相机和麦克风权限。

登录TUI Call Kit组件

  • 在您的Flutter项目中登录腾讯RTC通话(TUICallKit)组件。
  • 使用“TUICallKit.instance.login”接口,提供SDKAppID、用户ID和用户签名作为参数。
  • 填写用户ID(例如:6666),并使用控制台中的用户签名生成工具生成用户签名。

运行!拨打和接听电话

  • 创建一个简单的UI,带有一个按钮来发起 音视频通话。
  • 使用文本小部件显示用户ID(例如:6666)。
  • 当按钮被点击时,使用TUI call kit.instance.call接口拨打另一个用户(例如:8888)的电话。

  • 在您的Flutter项目中实现对来电的响应。
  • 使用“TUICallKit.instance.answer”接口在提示时接听电话。

结论

如今,音视频通话已成为一种重要的沟通工具,设置视频通话从未如此简单。借助腾讯RTC通话(TUICallKit),您可以无缝集成视频通话功能到您的Flutter项目中,为用户提供简单而连贯的体验。

如果您有更高级的需求,例如AI驱动的噪声消除和空间音频,我们提供全面定制的音视频通信SDK和API系列,适用于Web、移动和游戏。根据您的特定需求量身定制视频通信体验,吸引您的受众,使用 腾讯RTC

如果您有任何问题或需要帮助,我们的支持团队始终乐意提供帮助。请随时与我们 联系,或加入我们的 Discord