flutter如何给拍摄后的视频添加水印

“在Flutter中，如何给拍摄后的视频添加自定义水印？我目前使用camera插件实现了视频拍摄功能，但需要在生成的视频上叠加文字或图片水印，最好能控制水印位置和透明度。是否需要依赖第三方库？有没有完整的代码示例可以参考？”

2 回复

使用video_editor或ffmpeg包处理视频。拍摄后，通过FlutterFFmpeg执行命令添加水印，例如：

-i input.mp4 -i watermark.png -filter_complex "overlay=10:10" output.mp4

需提前导入水印图片并设置位置。

更多关于flutter如何给拍摄后的视频添加水印的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中给拍摄后的视频添加水印，可以通过以下步骤实现：

1. 使用 camera 和 video_player 包拍摄和预览视频

首先，拍摄视频并保存到本地。

2. 使用 ffmpeg_kit_flutter 处理视频

通过FFmpeg命令叠加水印图片到视频上。

步骤：

  1. 添加依赖：

    dependencies:
  ffmpeg_kit_flutter: ^5.0.0

  2. 执行FFmpeg命令：

    import 'package:ffmpeg_kit_flutter/ffmpeg_kit.dart';

void addWatermark(String inputPath, String outputPath, String watermarkPath) {
  String command = '-i $inputPath -i $watermarkPath -filter_complex "overlay=10:10" $outputPath';
  FFmpegKit.execute(command).then((session) async {
    final returnCode = await session.getReturnCode();
    if (returnCode!.isValueSuccess()) {
      print("水印添加成功");
    } else {
      print("水印添加失败");
    }
  });
}

参数说明：

  • inputPath：原视频路径。
  • outputPath：输出视频路径。
  • watermarkPath：水印图片路径（PNG格式效果更佳）。
  • overlay=10:10：水印位置（距离左上角10像素）。

3. 其他方式

  • 使用 video_compress：部分版本支持添加水印，但功能有限。
  • 自定义Native代码：通过Android/iOS原生实现，更灵活但复杂。

注意事项：

  • 测试前确保FFmpeg已正确配置。
  • 水印图片建议使用透明背景的PNG。
  • 处理大视频时可能耗时，建议在后台执行。

如果需要更复杂的效果（如动态水印），需编写更详细的FFmpeg滤镜参数。

回到顶部