Flutter面部识别与拍照插件face_camera的使用

face_camera 是一个用于Flutter应用程序的插件，它可以在实时视频流中检测人脸。以下是关于如何安装、配置和使用这个插件的指南。

Preview

安装

首先，在您的 pubspec.yaml 文件中添加 face_camera 作为依赖项：

dependencies:
  face_camera: ^<latest-version>

iOS 配置

• 最低iOS部署目标：15.5.0
• 按照 此链接 的说明设置 ML Kit ，这对于 face_camera 在iOS上正常工作是必需的。
• 向 ios/Runner/Info.plist 添加两行：
  • 一个键为 Privacy - Camera Usage Description 和一个使用描述。
  • 另一个键为 Privacy - Microphone Usage Description 和一个使用描述。

如果以文本形式编辑 Info.plist ，请添加：

<key>NSCameraUsageDescription</key>
<string>your usage description here</string>
<key>NSMicrophoneUsageDescription</key>
<string>your usage description here</string>

Android 配置

• 将最低Android SDK版本更改为21（或更高）在您的 android/app/build.gradle 文件中。

minSdkVersion 21

使用方法

初始化

在 main.dart 中初始化 face_camera：

void main() async{
  WidgetsFlutterBinding.ensureInitialized(); //Add this

  await FaceCamera.initialize(); //Add this

  runApp(const MyApp());
}

创建控制器

创建一个新的 FaceCameraController 控制器，并设置 onCapture 回调函数。

late FaceCameraController controller;

@override
void initState() {
  controller = FaceCameraController(
    autoCapture: true,
    defaultCameraLens: CameraLens.front,
    onCapture: (File? image) {
      // Handle the captured image
    },
  );
  super.initState();
}

渲染组件

在应用程序中使用所需的选项渲染组件。

@override
Widget build(BuildContext context) {
  return Scaffold(
      body: SmartFaceCamera(
        controller: controller,
        message: 'Center your face in the square',
      )
  );
}

自定义

您可以根据需要自定义 SmartFaceCamera 组件。以下是一些可用的属性：

此外，您还可以通过控制器自定义一些属性：

示例代码

下面是一个完整的示例代码，展示了如何在Flutter应用中使用 face_camera 插件。

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:face_camera/face_camera.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await FaceCamera.initialize();
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  File? _capturedImage;
  late FaceCameraController controller;

  @override
  void initState() {
    controller = FaceCameraController(
      autoCapture: true,
      defaultCameraLens: CameraLens.front,
      onCapture: (File? image) {
        setState(() => _capturedImage = image);
      },
      onFaceDetected: (Face? face) {
        // 处理检测到的人脸
      },
    );
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('FaceCamera example app'),
        ),
        body: Builder(builder: (context) {
          if (_capturedImage != null) {
            return Center(
              child: Stack(
                alignment: Alignment.bottomCenter,
                children: [
                  Image.file(
                    _capturedImage!,
                    width: double.maxFinite,
                    fit: BoxFit.fitWidth,
                  ),
                  ElevatedButton(
                    onPressed: () async {
                      await controller.startImageStream();
                      setState(() => _capturedImage = null);
                    },
                    child: const Text(
                      'Capture Again',
                      textAlign: TextAlign.center,
                      style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700),
                    ),
                  )
                ],
              ),
            );
          }
          return SmartFaceCamera(
            controller: controller,
            messageBuilder: (context, face) {
              if (face == null) {
                return _message('Place your face in the camera');
              }
              if (!face.wellPositioned) {
                return _message('Center your face in the square');
              }
              return const SizedBox.shrink();
            },
          );
        }),
      ),
    );
  }

  Widget _message(String msg) => Padding(
        padding: const EdgeInsets.symmetric(horizontal: 55, vertical: 15),
        child: Text(
          msg,
          textAlign: TextAlign.center,
          style: const TextStyle(fontSize: 14, height: 1.5, fontWeight: FontWeight.w400),
        ),
      );

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

以上就是关于 face_camera 插件的使用介绍，希望对您有所帮助！如果您有任何问题或建议，请随时联系我。