Flutter图像处理插件mvimg的使用

Flutter图像处理插件mvimg的使用

mvimg 是一个用于处理 mvimg 文件的库。mvimg 文件在某些安卓设备上使用，类似于iPhone上的Live Photo。

mvimg 文件通常由两个文件组成：一张 JPG 图片和一个 MP4 视频。

通常，JPG 文件的名称为 MVIMG_XXXXX.jpg 或 xxxx.MP.jpg。

关于它们的区别，可以参见 这里，或者查看 assets 文件夹中的示例。

使用

添加依赖

在 pubspec.yaml 文件中添加 mvimg 依赖：

dependencies:
  mvimg: ^1.0.0

代码

纯 Dart 代码

mvimg 包是纯 Dart 编写的，因此可以在 Flutter 或其他 Dart 项目中使用。

更多细节可以参见 示例代码。

import 'dart:io';

import 'package:buff/buff_io.dart';
import 'package:mvimg/mvimg.dart';

void main() {
  // 创建一个 Mvimg 实例并指定输入路径
  final mvimg = Mvimg(FileBufferInput.fromPath('assets/test.jpg'));
  
  // 解码 mvimg 文件
  mvimg.decode();
  
  try {
    // 检查是否为 mvimg 文件
    if (!mvimg.isMvimg()) {
      print('不是 mvimg 文件');
      return;
    }

    // 获取图片和视频的字节数据
    final img = mvimg.getImageBytes();
    final video = mvimg.getVideoBytes();

    // 定义输出路径
    final videoOutputPath = 'assets/split/output.mp4';
    final imgOutputPath = 'assets/split/output.jpg';

    // 创建输出文件
    final videoFile = File(videoOutputPath);
    final imgFile = File(imgOutputPath);
    videoFile.createSync(recursive: true);
    imgFile.createSync(recursive: true);

    // 写入图片和视频字节数据到输出文件
    videoFile.writeAsBytesSync(video);
    imgFile.writeAsBytesSync(img);
  } finally {
    // 释放资源
    mvimg.dispose();
  }
}

Flutter 代码

你可以在 示例代码 中查看如何在 Flutter 项目中使用 mvimg。

main.dart 文件中的示例如下：

import 'dart:io';

import 'package:buff/buff_io.dart';
import 'package:mvimg/mvimg.dart';

class ExampleMvImgCallbackAdapter extends MvImgCallbackAdapter {
  [@override](/user/override)
  void onDecodeStart(Mvimg mvimg) {
    print('开始解码');
  }

  [@override](/user/override)
  void onDecodeEnd(Mvimg mvimg) {
    print('解码完成');
  }

  [@override](/user/override)
  void onError(Mvimg mvimg, dynamic e, StackTrace? stackTrace) {
    print('错误: $e');
    print('堆栈跟踪: $stackTrace');
  }

  [@override](/user/override)
  void onDispose(Mvimg mvimg) {
    print('释放资源');
  }
}

void main() {
  // 定义要处理的文件列表
  final assetList = [
    'assets/test.jpg',
    'assets/test2.jpg',
    'assets/test.MP.jpg',
  ];

  // 遍历文件列表
  for (final asset in assetList) {
    // 获取文件名
    final fileName = asset.split('/').last;
    
    // 创建 Mvimg 实例并设置回调
    final mvimg = Mvimg(FileBufferInput.fromPath(asset));
    mvimg.setCallback(ExampleMvImgCallbackAdapter());
    mvimg.decode();
    
    try {
      // 检查是否为 mvimg 文件
      if (!mvimg.isMvimg()) {
        print('不是 mvimg 文件');
        return;
      }

      // 获取图片和视频的字节数据
      final img = mvimg.getImageBytes();
      final video = mvimg.getVideoBytes();

      // 获取图片和视频的偏移量
      final imgOffsetStart = 0;
      final imgOffsetEnd = mvimg.videoStartOffset;
      final videoOffsetStart = mvimg.videoStartOffset;
      final videoOffsetEnd = mvimg.videoEndOffset;

      print('图片偏移起始位置: $imgOffsetStart');
      print('图片偏移结束位置: $imgOffsetEnd');
      print('视频偏移起始位置: $videoOffsetStart');
      print('视频偏移结束位置: $videoOffsetEnd');

      // 定义输出路径
      final videoOutputPath = 'assets/split/$fileName/output.mp4';
      final imgOutputPath = 'assets/split/$fileName/output.jpg';
      final xapOutputPath = 'assets/split/$fileName/output.xml';

      // 创建输出文件
      final videoFile = File(videoOutputPath);
      final imgFile = File(imgOutputPath);
      final xapFile = File(xapOutputPath);
      videoFile.createSync(recursive: true);
      imgFile.createSync(recursive: true);
      xapFile.createSync(recursive: true);

      // 写入图片和视频字节数据到输出文件
      videoFile.writeAsBytesSync(video);
      imgFile.writeAsBytesSync(img);
      xapFile.writeAsBytesSync(mvimg.getXapBytes());
    } finally {
      // 释放资源
      mvimg.dispose();
    }
  }
}