Flutter

最近更新时间:2024-08-06 09:43:21

我的收藏
本文将为您介绍如何快速跑通视频直播 Demo。跟随本文档,您可以在 10 分钟内跑通 Demo,并最终体验一个包含完备 UI 界面的视频直播功能。
主播:直播中
观众:连麦中







环境准备

平台
版本
Flutter
Flutter 3.22.0 及更高版本。
Dart 3.4.0 或更高的版本。
Android
Android Studio 3.5及以上版本。
Android 5.0 及以上版本的 Android 设备。
iOS
Xcode 13.0及以上版本。
请确保您的项目已设置有效的开发者签名。

步骤一 : 下载 Demo

1. 从 github 下载 TUILiveKit Demo 源码,或者直接在命令行运行以下命令:
git clone https://github.com/Tencent-RTC/TUILiveKit.git
2. 通过 Android Studio 打开 TUILiveKit/Flutter/example 目录:




步骤二 : 配置 Demo

1. TUILiveKit 目前暂不支持自助开通,如需使用,您可以 提交申请,申请成功后即可获得14天的体验版,可免费体验 TUILiveKit 的全部功能,并获取 SDKAppID 和 SDKSecretKey 。
2. 打开Flutter/example/lib/debug/generate_test_user_sig.dart文件,将 提交申请 时获取到的对应的 SDKAppID 和 SDKSecretKey 填入其中:




步骤三 : 跑通 Demo

1. 在 Android Studio 右上角如下图所示处选择您要将 Demo 运行的设备:



2. 选择完成后点击运行,将 TUILiveKit Flutter Demo 运行到目标设备上。



3. 当 Demo 成功运行到设备上后,您可以通过如下步骤来发起直播和观看直播。

开始直播

注意:
为了使您可以体验完整的视频直播流程,请将 Demo 分别在两台设备上登录两个用户,一方作为主播,一方作为观众。
1. 登录 & 注册
请您在 用户ID处输入的 ID 。如果您当前的 UserID 未曾被使用过,此时会进入到注册界面,您可以在该界面为自己设置头像及昵称。



注意:
尽量避免使您的 UserID 被设置成“1”、“123”、“111”等简单字符串,由于 TRTC 不支持同一个 UserID 多端登录,所以在多人协作开发时,形如 “1”、“123”、“111” 这样的 UserID 很容易被您的同事占用,导致登录失败,因此我们建议您在调试的时候设置一些辨识度高的 UserID。
2. 主播开启直播
点击主页底部中间的“开播”按钮,即可进入开播预览页面,再点击“开始直播”即可开始直播了。
主播:进房前
主播:预览
主播:直播中









3. 观众加入直播间
点击直播列表里任意一个房间,即可进入直播间。
观众:进房前
观众:进房后