专为以下场景打造：FLUTTER

Flutter 直播 SDK

使用 Tencent RTC 的 Flutter Live Streaming SDK 创建直播。将 AtomicXCore 视频组件绑定到房间状态，然后使用 Dart 构建自定义的主播和观众体验。

开始构建探索 Live 演示

开发者资源

Flutter 直播 SDK 文档与示例

API 参考

探索 Flutter 直播 SDK API。

探索 API 用户身份验证

接入指南

安装 Flutter 直播 SDK 并连接用户。

Flutter 集成快速入门

示例与源码

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

探索 Live 演示查看 Flutter 源代码

在 Flutter 中进行商品直播演示

让观众观看创作者的商品演示并参与对话。您的应用负责管理商品目录和购买体验。

探索直播购物

在 Flutter 中观看直播活动

将演示内容及其观众带入您的 Flutter 应用。把观看页面连接到房间，让用户可以观看直播活动。

探索活动直播

FLUTTER LIVE 功能

Flutter 直播功能

开始直播

主播和观众角色
房间生命周期管理

让人们相聚

直播视频播放
观众参与

打造属于您的产品体验

灵活的应用布局
平台专属构建模块

探索 Flutter Live Streaming API

将 AtomicXCore 视频视图和房间状态连接到您的 Flutter 主播端与观众端界面。

视频画布

添加 Flutter Live Video View

将 AtomicXCore 视频视图放入 Flutter 布局中。将其绑定到房间状态，同时由应用提供周边控件和导航。

阅读文档

final controller = LiveCoreController.create();
controller.setLiveID(liveID);

LiveCoreWidget(controller: controller);

开始直播

在 Flutter 中开始直播

验证主播身份，准备本地音视频，并创建直播房间。媒体视图和房间生命周期应使用同一个房间 ID。

阅读文档

final info = LiveInfo(
  liveID: liveID, liveName: 'Studio sessions',
  seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
);
await LiveListStore.shared.createLive(info);

加入房间

让观众身临其境

使用相同的房间 ID 连接观众。

阅读文档

await LiveListStore.shared.joinLive(liveID);

个性化定制

自定义您的 Flutter 直播界面

在 Flutter 应用中，围绕直播体验安排视频、观众互动和导航。

您的布局

围绕核心视频画布和房间状态构建界面。

阅读文档

开始使用

为您的 Flutter 应用添加直播

01
创建您的应用
为应用和测试用户启用 Live。
打开 Live 控制台
02
添加 Flutter 直播 SDK
按照平台指南连接您的项目。
按照集成指南操作
03
连接到您的第一个房间
使用一个账户开播，另一个账户观看。
配置身份验证

Flutter Live SDK

flutter pub add atomic_x_core

import 'package:atomic_x_core/atomicxcore.dart';

await LoginStore.shared.login(
  sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);

Flutter 直播 SDK 常见问题

Flutter Live Streaming SDK 是否包含视频视图？

Flutter Live Streaming SDK 包含 AtomicXCore 视频视图和房间状态 API。您的应用负责围绕这些视图提供主播和观众界面；如需开箱即用的页面，请选择 TUILiveKit。

此 SDK 如何与 UI Kit 配合使用？

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

Flutter 直播 UI Kit

开播前必须完成哪些配置？

启用 Live 服务，对主播进行身份验证，并请求摄像头和麦克风访问权限。将同一直播房间 ID 绑定到媒体视图和房间生命周期调用。

如何验证 Flutter Live Streaming SDK 用户的身份？

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

阅读身份验证指南

Flutter Live Streaming SDK 可以免费使用吗？

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

查看 Live 定价

如何将 Flutter 直播 SDK 集成到 Dart 项目中？

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

阅读平台指南

发布应用前如何测试 Flutter 直播 SDK？

测试主播与观众角色、支持的推流或播放事件及重连行为。

阅读平台指南

如何定制 Flutter 直播 SDK 的界面？

使用支持的主播与观众 API 构建自己的界面。电商、票务或播放权限流程由应用负责。

阅读平台指南

Flutter Live 集成支持

集成问题

获取 Flutter 直播 SDK 的配置帮助。

查看开发者文档

讨论您的应用

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

联系销售人员

将直播带入您的 Flutter 应用

使用 Flutter Live Streaming SDK 及其平台指南连接创作者与观众。

免费开始查看 SDK 指南

Flutter 直播 SDK

Flutter 直播 SDK 文档与示例

API 参考

接入指南

示例与源码

在 Flutter 中进行商品直播演示

在 Flutter 中观看直播活动

Flutter 直播功能

开始直播

让人们相聚

打造属于您的产品体验

探索 Flutter Live Streaming API

添加 Flutter Live Video View

在 Flutter 中开始直播

让观众身临其境

自定义您的 Flutter 直播界面

您的布局

观众互动

为您的 Flutter 应用添加直播

创建您的应用

添加 Flutter 直播 SDK

连接到您的第一个房间

Flutter 直播 SDK 常见问题

Flutter Live Streaming SDK 是否包含视频视图？

此 SDK 如何与 UI Kit 配合使用？

开播前必须完成哪些配置？

如何验证 Flutter Live Streaming SDK 用户的身份？

Flutter Live Streaming SDK 可以免费使用吗？

如何将 Flutter 直播 SDK 集成到 Dart 项目中？

发布应用前如何测试 Flutter 直播 SDK？

如何定制 Flutter 直播 SDK 的界面？

Flutter Live 集成支持

集成问题

讨论您的应用

将直播带入您的 Flutter 应用