Flutter相机功能插件camera_lulala的使用

Flutter相机功能插件camera_lulala的使用

在本教程中，我们将学习如何在Flutter应用中使用camera_lulala插件来实现相机功能。通过此插件，您可以轻松地将相机集成到您的应用中，并自定义界面以满足您的需求。

使用camera_lulala插件的步骤

1. 添加依赖

首先，在pubspec.yaml文件中添加camera_lulala依赖：

dependencies:
  camera_lulala: ^2.0.0-dev.1

然后运行flutter pub get以获取新添加的依赖项。

2. 平台特定设置

iOS 设置

在ios/Runner/Info.plist文件中添加以下权限描述：

<key>NSCameraUsageDescription</key>
<string>您的描述</string>

<key>NSMicrophoneUsageDescription</key>
<string>为了录制视频时启用麦克风访问</string>

<key>NSLocationWhenInUseUsageDescription</key>
<string>为了启用GPS位置访问以保存Exif数据</string>

Android 设置

在android/app/build.gradle文件中设置最低SDK版本为21或更高：

minSdkVersion 21

如果需要录制视频并添加音频，还需要在AndroidManifest.xml中添加以下权限：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.example.yourpackage">
  <uses-permission android:name="android.permission.RECORD_AUDIO" />
  
  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

  <!-- 其他声明 -->
</manifest>

3. 导入插件

在Dart文件中导入camera_lulala插件：

import 'package:camera_lulala/camera_lulala.dart';

完整示例代码

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

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';
import 'package:camera_lulala/camera_lulala.dart';

void main() {
  runApp(const CameraAwesomeApp());
}

class CameraAwesomeApp extends StatelessWidget {
  const CameraAwesomeApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'camera_lulala',
      home: CameraPage(),
    );
  }
}

class CameraPage extends StatelessWidget {
  const CameraPage({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.white,
        child: CameraAwesomeBuilder.awesome(
          onMediaCaptureEvent: (event) {
            switch ((event.status, event.isPicture, event.isVideo)) {
              case (MediaCaptureStatus.capturing, true, false):
                debugPrint('正在捕获照片...');
              case (MediaCaptureStatus.success, true, false):
                event.captureRequest.when(
                  single: (single) {
                    debugPrint('照片已保存: ${single.file?.path}');
                  },
                  multiple: (multiple) {
                    multiple.fileBySensor.forEach((key, value) {
                      debugPrint('多张图像已拍摄: $key ${value?.path}');
                    });
                  },
                );
              case (MediaCaptureStatus.failure, true, false):
                debugPrint('照片捕获失败: ${event.exception}');
              case (MediaCaptureStatus.capturing, false, true):
                debugPrint('正在录制视频...');
              case (MediaCaptureStatus.success, false, true):
                event.captureRequest.when(
                  single: (single) {
                    debugPrint('视频已保存: ${single.file?.path}');
                  },
                  multiple: (multiple) {
                    multiple.fileBySensor.forEach((key, value) {
                      debugPrint('多段视频已拍摄: $key ${value?.path}');
                    });
                  },
                );
              case (MediaCaptureStatus.failure, false, true):
                debugPrint('视频录制失败: ${event.exception}');
              default:
                debugPrint('未知事件: $event');
            }
          },
          saveConfig: SaveConfig.photoAndVideo(
            initialCaptureMode: CaptureMode.photo,
            photoPathBuilder: (sensors) async {
              final Directory extDir = await getTemporaryDirectory();
              final testDir = await Directory(
                '${extDir.path}/camera_lulala',
              ).create(recursive: true);
              if (sensors.length == 1) {
                final String filePath = '${testDir.path}/${DateTime.now().millisecondsSinceEpoch}.jpg';
                return SingleCaptureRequest(filePath, sensors.first);
              }
              // 分离前、后置摄像头拍摄的照片
              return MultipleCaptureRequest(
                {
                  for (final sensor in sensors)
                    sensor:
                        '${testDir.path}/${sensor.position == SensorPosition.front ? 'front_' : "back_"}${DateTime.now().millisecondsSinceEpoch}.jpg',
                },
              );
            },
            videoOptions: VideoOptions(
              enableAudio: true,
              ios: CupertinoVideoOptions(
                fps: 10,
              ),
              android: AndroidVideoOptions(
                bitrate: 6000000,
                fallbackStrategy: QualityFallbackStrategy.lower,
              ),
            ),
            exifPreferences: ExifPreferences(saveGPSLocation: true),
          ),
          sensorConfig: SensorConfig.single(
            sensor: Sensor.position(SensorPosition.back),
            flashMode: FlashMode.auto,
            aspectRatio: CameraAspectRatios.ratio_16_9,
            zoom: 0.0,
          ),
          enablePhysicalButton: true,
          previewAlignment: Alignment.center,
          previewFit: CameraPreviewFit.contain,
          onMediaTap: (mediaCapture) {
            mediaCapture.captureRequest.when(
              single: (single) {
                debugPrint('单张照片路径: ${single.file?.path}');
                single.file?.open();
              },
              multiple: (multiple) {
                multiple.fileBySensor.forEach((key, value) {
                  debugPrint('多张照片路径: $key ${value?.path}');
                  value?.open();
                });
              },
            );
          },
          availableFilters: awesomePresetFiltersList,
        ),
      ),
    );
  }
}