嘿，我正好做过类似的需求！你已经用ImagePicker拿到了视频文件，接下来用video_thumbnail这个专门生成视频缩略图的包就能轻松搞定第一帧提取，步骤很简单：

1. 添加依赖 #

先在你的pubspec.yaml文件里添加这个包的依赖（可以用最新版本，这里给个示例版本）：

dependencies:
  flutter:
    sdk: flutter
  video_thumbnail: ^0.5.3

然后执行flutter pub get安装依赖。

2. 导入包 #

在需要使用的dart文件顶部导入：

import 'package:video_thumbnail/video_thumbnail.dart';

3. 修改你的现有代码 #

你可以在拿到视频文件后，调用缩略图生成方法，这里提供两种常用的实现方式：

方式一：生成本地缩略图文件 #

适合需要保存缩略图或者用Image.file显示的场景：

ImagePicker.pickVideo(source: ImageSource.camera).then((File file) {
  if (file != null && mounted) {
    // 调用方法生成第一帧
    _getVideoFirstFrame(file.path);
  }
});

Future<void> _getVideoFirstFrame(String videoPath) async {
  // 生成缩略图文件路径
  final thumbnailFilePath = await VideoThumbnail.thumbnailFile(
    video: videoPath,
    imageFormat: ImageFormat.PNG, // 可选PNG/JPEG格式
    maxHeight: 200, // 缩略图最大高度，宽度会按比例自动缩放
    quality: 75, // 图片质量（0-100）
  );

  if (thumbnailFilePath != null && mounted) {
    setState(() {
      // 拿到缩略图文件，后续可以用Image.file(File(thumbnailFilePath))显示
      _thumbnailFile = File(thumbnailFilePath);
    });
  }
}

方式二：生成内存中的图片字节 #

适合直接用Image.memory快速显示的场景：

ImagePicker.pickVideo(source: ImageSource.camera).then((File file) {
  if (file != null && mounted) {
    _getVideoFirstFrameBytes(file.path);
  }
});

Future<void> _getVideoFirstFrameBytes(String videoPath) async {
  final thumbnailBytes = await VideoThumbnail.thumbnailData(
    video: videoPath,
    imageFormat: ImageFormat.JPEG,
    maxHeight: 200,
    quality: 75,
  );

  if (thumbnailBytes != null && mounted) {
    setState(() {
      // 直接用Image.memory(thumbnailBytes)显示第一帧
      _thumbnailBytes = thumbnailBytes;
    });
  }
}

一些注意事项 #

• 权限问题：如果是从相册选择视频，别忘了在iOS的Info.plist和Android的AndroidManifest.xml中添加相册访问权限；相机权限你应该已经配置好了。
• 性能优化：可以根据需求调整maxHeight和quality参数，平衡图片清晰度和大小。

内容的提问来源于stack exchange，提问作者Coding24h