Agora VideoUIKit for Flutter 使用教程

Agora VideoUIKit for Flutter 使用教程

VideoUIKit-FlutterFlutter plugin to simply integrate Agora Video Calling or Live Video Streaming to your app with just a few lines of code.项目地址:https://gitcode.com/gh_mirrors/vi/VideoUIKit-Flutter

项目介绍

Agora VideoUIKit for Flutter 是一个开源项目，旨在帮助开发者通过简单的几行代码快速集成 Agora 视频通话或直播功能到 Flutter 应用中。该项目使用最新的 Agora 4.x SDK，并提供了丰富的功能，如屏幕共享、云录制、Flutter Web 和桌面支持等。

项目快速启动

安装依赖

在你的 Flutter 应用中，添加 agora_uikit 作为依赖：

dependencies:
  agora_uikit: ^1.1.0

在你的 android/build.gradle 文件中，添加以下内容：

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

配置权限

在 Android 平台上，打开 AndroidManifest.xml 文件并添加所需的权限：

<manifest>
    <uses-permission android:name="android.permission.READ_PHONE_STATE"/>
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
</manifest>

初始化 Agora 引擎

在你的 Flutter 应用中，初始化 Agora 引擎并构建布局：

import 'package:agora_uikit/agora_uikit.dart';

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final AgoraClient client = AgoraClient(
    agoraConnectionData: AgoraConnectionData(
      appId: "YOUR_APP_ID",
      channelName: "test",
    ),
  );

  @override
  void initState() {
    super.initState();
    initAgora();
  }

  void initAgora() async {
    await client.initialize();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          child: Stack(
            children: [
              AgoraVideoViewer(client: client),
              AgoraVideoButtons(client: client),
            ],
          ),
        ),
      ),
    );
  }
}

应用案例和最佳实践

屏幕共享

屏幕共享功能目前处于 Beta 阶段，可以通过 Agora SDK 提供的 API 实现。具体实现步骤可以参考官方文档。

云录制

云录制功能允许你将视频通话或直播内容录制并存储在云端。具体实现步骤可以参考官方文档。

Flutter Web 和桌面支持

Agora VideoUIKit 提供了 Flutter Web 和桌面支持的预发布版本，使得开发者可以在不同的平台上部署应用。

典型生态项目

Android 和 iOS 支持

Agora VideoUIKit 提供了对 Android 和 iOS 平台的全面支持，确保应用在不同设备上的一致性体验。

React Native 和 Web 支持

除了 Flutter，Agora 还提供了针对 React Native 和 Web 平台的类似库，使得开发者可以在不同的技术栈上集成 Agora 视频通话和直播功能。

通过以上步骤，你可以快速集成 Agora VideoUIKit 到你的 Flutter 应用中，并利用其丰富的功能实现高质量的视频通话和直播体验。

VideoUIKit-FlutterFlutter plugin to simply integrate Agora Video Calling or Live Video Streaming to your app with just a few lines of code.项目地址:https://gitcode.com/gh_mirrors/vi/VideoUIKit-Flutter