Flutter实时音视频特效插件nertc_faceunity的使用

nertc_faceunity

一个用于Flutter的新插件。

开始使用

这个项目是一个起点，用于一个Flutter的插件包，它包含Android和/或iOS平台的具体实现代码。

对于如何开始使用Flutter的帮助，请参阅我们的在线文档，其中提供了教程、示例、移动开发指南和完整的API参考。

示例代码

以下是example/lib/main.dart的示例代码：

import 'dart:io';
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:permission_handler/permission_handler.dart';
import 'call.dart';

void main() => runApp(RtcApp());

class RtcApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'FLNBeauty',
      home: MainPage(),
    );
  }
}

class MainPage extends StatefulWidget {
  [@override](/user/override)
  _MainPageState createState() {
    return _MainPageState();
  }
}

enum ConfirmAction { CANCEL, ACCEPT }

class _MainPageState extends State<MainPage> {
  FocusNode _channelFocusNode = FocusNode();
  FocusNode _uidFocusNode = FocusNode();
  final _channelController = TextEditingController();
  bool _channelValidateError = false;
  final _uidController = TextEditingController();
  bool _uidValidateError = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    _uidController.text = Random().nextInt(1 << 32).toString();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('FUBeauty')),
      body: Container(
        margin: const EdgeInsets.all(15.0),
        child: Column(
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            TextField(
              focusNode: _uidFocusNode,
              controller: _uidController,
              onChanged: (value) {
                if (_uidValidateError) {
                  setState(() {
                    _uidValidateError = value.isEmpty;
                  });
                }
              },
              decoration: InputDecoration(
                  hintText: 'UID',
                  errorText: _uidValidateError ? 'Required' : null),
            ),
            Padding(
              padding: EdgeInsets.symmetric(vertical: 5),
              child: TextField(
                controller: _channelController,
                onChanged: (value) {
                  if (_channelValidateError) {
                    setState(() {
                      _channelValidateError = value.isEmpty;
                    });
                  }
                },
                autofocus: true,
                focusNode: _channelFocusNode,
                decoration: InputDecoration(
                    hintText: 'Channel Name',
                    errorText: _channelValidateError ? 'Required' : null),
              ),
            ),
            SizedBox(
              height: 20,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                ButtonTheme(
                  minWidth: 200.0,
                  height: 55.0,
                  child: ElevatedButton(
                      onPressed: () {
                        _channelFocusNode.unfocus();
                        _uidFocusNode.unfocus();
                        _startRTC(context);
                      },
                      child: const Text(
                        '开始会话',
                        style: TextStyle(fontWeight: FontWeight.bold),
                      )),
                )
              ],
            ),
          ],
        ),
      ),
    );
  }

  Future<void> _startRTC(BuildContext context) async {
    _channelValidateError = _channelController.text.isEmpty;
    _uidValidateError = _uidController.text.isEmpty;

    setState(() {});

    if (_channelValidateError || _uidValidateError) return;

    // 检查权限
    final permissions = [Permission.camera, Permission.microphone];
    if (Platform.isAndroid) {
      permissions.add(Permission.storage);
    }
    List<Permission> missed = [];
    for (var permission in permissions) {
      PermissionStatus status = await permission.status;
      if (status != PermissionStatus.granted) {
        missed.add(permission);
      }
    }

    bool allGranted = missed.isEmpty;
    if (!allGranted) {
      List<Permission> showRationale = [];
      for (var permission in missed) {
        bool isShown = await permission.shouldShowRequestRationale;
        if (isShown) {
          showRationale.add(permission);
        }
      }

      if (showRationale.isNotEmpty) {
        ConfirmAction? action = await showDialog<ConfirmAction>(
            context: context,
            builder: (BuildContext context) {
              return AlertDialog(
                content: const Text('You need to allow some permissions'),
                actions: <Widget>[
                  ElevatedButton(
                    child: const Text('Cancel'),
                    onPressed: () {
                      Navigator.of(context).pop(ConfirmAction.CANCEL);
                    },
                  ),
                  ElevatedButton(
                    child: const Text('Accept'),
                    onPressed: () {
                      Navigator.of(context).pop(ConfirmAction.ACCEPT);
                    },
                  )
                ],
              );
            });
        if (action == ConfirmAction.ACCEPT) {
          Map<Permission, PermissionStatus> allStatus = await missed.request();
          allGranted = true;
          for (var status in allStatus.values) {
            if (status != PermissionStatus.granted) {
              allGranted = false;
            }
          }
        }
      } else {
        Map<Permission, PermissionStatus> allStatus = await missed.request();
        allGranted = true;
        for (var status in allStatus.values) {
          if (status != PermissionStatus.granted) {
            allGranted = false;
          }
        }
      }
    }

    if (!allGranted) {
      openAppSettings();
    } else {
      Navigator.push(
          context,
          MaterialPageRoute(
              builder: (context) => CallPage(
                    cid: _channelController.text,
                    uid: int.parse(_uidController.text),
                  )));
    }
  }
}

更多关于Flutter实时音视频特效插件nertc_faceunity的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

phonegap100 1楼•2 天前

更多关于Flutter实时音视频特效插件nertc_faceunity的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

在Flutter项目中集成和使用nertc_faceunity插件以实现实时音视频特效，需要遵循以下步骤。这里提供一个基本的代码示例，展示如何在Flutter应用中集成并使用该插件。

1. 添加依赖

首先，在你的pubspec.yaml文件中添加nertc_faceunity依赖：

dependencies:
  flutter:
    sdk: flutter
  nertc_faceunity: ^最新版本号  # 请替换为实际的最新版本号

然后运行flutter pub get来安装依赖。

2. 配置Android和iOS项目

由于nertc_faceunity涉及到原生代码，你可能需要在Android和iOS项目中进行一些配置。这通常包括添加必要的权限、配置原生SDK等。具体配置步骤请参考nertc_faceunity的官方文档。

3. 初始化插件并设置特效

在你的Flutter应用中，你可以按照以下步骤初始化nertc_faceunity插件并应用特效。

import 'package:flutter/material.dart';
import 'package:nertc_faceunity/nertc_faceunity.dart';

void main() {
  runApp(MyApp());
}

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

class _MyAppState extends State<MyApp> {
  late FaceUnityController _faceUnityController;

  @override
  void initState() {
    super.initState();
    // 初始化FaceUnityController
    _faceUnityController = FaceUnityController();
    _faceUnityController.init().then((value) {
      // 初始化成功后，可以加载特效
      _loadAndApplyEffect();
    }).catchError((error) {
      print('FaceUnity initialization failed: $error');
    });
  }

  @override
  void dispose() {
    _faceUnityController.dispose();
    super.dispose();
  }

  Future<void> _loadAndApplyEffect() async {
    try {
      // 加载特效资源，这里假设特效文件名为'effect.fupkg'
      String effectPath = 'assets/effect.fupkg'; // 请确保特效文件已放置在正确的位置
      await _faceUnityController.loadEffect(effectPath);
      
      // 应用特效
      await _faceUnityController.applyEffect();
      
      print('Effect applied successfully');
    } catch (error) {
      print('Failed to load or apply effect: $error');
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter FaceUnity Demo'),
        ),
        body: Center(
          child: Text('FaceUnity effect should be applied to the video stream here'),
        ),
      ),
    );
  }
}

注意事项

特效文件：确保你的特效文件（如.fupkg）已经放置在assets目录下，并在pubspec.yaml中进行了声明。
权限配置：根据你的应用需求，确保在Android和iOS项目中配置了必要的权限，如相机和麦克风权限。
错误处理：在实际应用中，应添加更多的错误处理逻辑，以确保应用的健壮性。
插件版本：由于插件可能会更新，请始终参考nertc_faceunity的官方文档和示例代码，以确保你的代码与最新版本兼容。

这个示例提供了一个基本的框架，展示了如何在Flutter项目中集成nertc_faceunity插件并应用特效。根据实际需求，你可能需要进一步调整代码，以适应你的应用场景。