如何使用 Flutter 构建视频流应用程序

Grand View Research 的数据显示，到 202 年，直播行业的价值预计将达到 1843 亿美元。企业正在使用直播来推出产品和服务。

在本文中，您将学习如何使用 EnableX Low Code Video Embed构建可运行的 Flutter 视频流移动应用程序。

理解低代码

低代码平台采用可视化、声明式技术，而不是传统的编程方式。开发人员和 WhatsApp 数据非开发人员都可以使用这些产品，而且几乎不需要编码。常见功能包括可重复使用的组件和流程建模。它允许个人或小团队使用以下方式快速试验、制作原型和交付应用程序

要了解低代码视频嵌入，请阅读此博客：EnableX 低代码视频嵌入

构建 Flutter 视频流应用的先决条件

在开始此项目之前，有必要对开发和部署环境有一个彻底的了解：

A. 开发环境

- iOS 开发环境

iOS平台要求：

Flutter 2.0.0 或更高版本
macOS
Xcode（强烈推荐最新版本）

- Android 开发环境

以下是对 Android 平台的要求：

Flutter 2.0.0 或更高版本
macOS 或 Windows
Android Studio（强烈推荐最新版本）

B.部署环境

对于 iOS 平台，需要 iOS 设备。
对于 Android 平台，您将需要一个 Android 模拟器或一个真实的 Android 设备。

注意事项

运行 Flutter Doctor 来检查开 CN号码发和部署环境是否正确非常重要。

开始项目设置

1. 了解基本的 EnableX Low Code 设置

开始之前，请访问Enablex-Low-Code-Video-embed。

2. 创建视频嵌入项目

前往Enablex.io注册并在 EnableX 门户中创建视频嵌入项目。您可以这样做：

登录 EnableX 门户。如果您没有账户，请在此处注册。
现在，转到“创建项目”，输入相关信息。
项目创建完成后，将生成“APP ID”和“APP Key”。您需要这些凭据如何创建一个让读者难以抗拒的标题才能访问 EnableX 会议室。因此，请保存这些凭据以供将来使用（请参阅：嵌入会议 URL）。

3. 创建Flutter 项目

在本文中，我们使用Visual Studio Code创建了一个 Flutter 项目。开始之前，您需要在 Visual Studio Code 中安装 Flutter 插件。请参阅设置编辑器。

A.启动Visual Studio Code

在View > Command中选择Flutter: New Project命令。然后输入项目名称并按下 Enter。接下来在弹出的窗口中选择项目的位置。Visual Studio Code 会自动生成一个简单的项目。

或者，

本篇文章使用 Android Studio 创建 Flutter 项目。开始之前，您需要在 Android Studio 中安装 Flutter 插件。请参阅设置编辑器。

B.启动Android Studio

点击文件 ->新建 Flutter 项目-> Flutter 应用程序。

*建议使用flutter_inappwebview和permission_handler模块来管理 webview 中的媒体权限。因此，请更新 iOS 和 Android 项目中的设置以满足要求。此外，请注意已知问题以在 Android webview 中显示键盘。

C.添加依赖项

使用 Flutter 从命令行安装软件包：

“$ Flutter pub 获取”

或者，你的编辑器可能支持 flutter pub get。查看你的编辑器的文档以了解更多信息。

E. 需要设备许可

EnableX Video SDK需要摄像头和麦克风权限才能开始视频通话。

对于Android