快速开始

将 ZegoUIKitPrebuiltLiveStreaming 添加到依赖项

  1. 编辑项目的 pubspec.yaml 文件，并添加本地项目依赖项

dependencies:
  flutter:
    sdk: flutter
  zego_uikit_prebuilt_live_streaming: ^0.0.1 # Add this line
  1. 在项目的根目录下执行如下命令来安装所有依赖项
flutter pub get

导入 SDK

现在，在你的 Dart 代码中，你可以导入 prebuilt。

import 'package:zego_uikit_prebuilt_live_streaming/zego_uikit_prebuilt_live_streaming.dart';

集成直播

您可以从 ZEGOCLOUD 控制台获取 AppID 和 AppSign。使用相同 liveName 的用户可以在同一个直播中。 (ZegoUIKitPrebuiltLiveStreaming 目前支持 1 主播直播) 您可以通过配置属性来自定义 UI

@override
Widget build(BuildContext context) {
   return SafeArea(
      child: ZegoUIKitPrebuiltLiveStreaming(
         appID: /*Your App ID*/,
         appSign: kIsWeb ? '' : /*Your App Sign*/,
         userID: user_id, // userID should only contain numbers, English characters and  '_'
         userName: 'user_name',
         liveName: 'live_name',
         config: ZegoUIKitPrebuiltLiveStreamingConfig(
            // set config properties based on roles, UI will drive by properties
            turnOnCameraWhenJoining: isHost,
            turnOnMicrophoneWhenJoining: isHost,
            useSpeakerWhenJoining: !isHost,
            menuBarButtons: isHost
                    ? [
               ZegoLiveMenuBarButtonName.toggleCameraButton,
               ZegoLiveMenuBarButtonName.toggleMicrophoneButton,
               ZegoLiveMenuBarButtonName.switchCameraFacingButton,
            ]
                    : const [],
            useEndLiveStreamingButton: isHost,
         ),
      ),
   );
}

现在，您可以开始直播了，其他进入相同 ‘直播名称‘ 的人可以观看您的直播。

如何运行

1. 配置您的项目

Android

  1. 如果您的项目是用非最新稳定版的 Flutter 创建的，您可能需要手动修改 `your_project/android/app/build.gradle` 文件中的 compileSdkVersion 为 33

    compileSdkVersion

  2. 需要添加应用权限，打开文件 `your_project/app/src/main/AndroidManifest.xml`，添加以下代码

    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.BLUETOOTH" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.WAKE_LOCK" />

iOS

需要添加应用权限，打开 ·your_project/ios/Runner/Info.plist·，在 “dict” 标签内添加以下代码

<key>NSCameraUsageDescription</key>
<string>We require camera access to connect to a live</string>
<key>NSMicrophoneUsageDescription</key>
<string>We require microphone access to connect to a live</string>

2. 构建和运行

现在，您可以直接点击“运行”或“调试”按钮在设备上构建和运行您的应用。 /Pics/ZegoUIKit/Flutter/run_flutter_project.jpg

相关指南

自定义预置 UI

GitHub

查看 Github