Flutter：如何使用flutter_ffmpeg为视频添加水印和文字等叠加层？

Posted 2023-02-19

【中文标题】Flutter：如何使用flutter_ffmpeg为视频添加水印和文字等叠加层？

【英文标题】：Flutter: How to use flutter_ffmpeg to add overlays like watermarks and texts to a video?

【发布时间】：2021-09-29 04:30:15

【问题描述】：

我尝试在我的应用中实现video_editing 功能，我尝试了Tapioca Package 和Video_Manipulation package，但发现它们都不符合我的标准，所以我把最后的希望寄托在@ 987654323@.

但是当我在 pub.dev 上阅读它的官方文档时，我脑海中的并不是什么，而是 “WHAT THE HECK”，我无法理解这些命令的用途，尽管我找不到与向视频添加小部件叠加层相关的任何内容。而且网上几乎没有教程解释如何使用它。

因此，如果您使用 ffmpeg 包成功地将 watermarks/texts 添加到视频中，请告诉我如何操作。 谢谢！~

【参考方案1】：

ffmpeg -i video.mp4 -i logo.png -filter_complex "[0:v][1:v]overlay=5:5,drawtext=text=:x=(w-0)/8:y=(h-4)/10:fontsize=64:fontcolor=white:ryanwangTV" -c:a copy -movflags +faststart output.mp4

ffmpeg -i video.mp4 -i logo.png

有需要工作的视频和我们想要应用水印的 png 图像

video.mp4 有两个“部分”一个视频和一个音频文件，记住它

logo.png 是一个单一的图像，但它是一个持续时间为毫秒的“视频”。

video.mp4 和 logo.png 的部分如何命名？

使用映射，对于文件 1)，您将调用 [0]，对于文件 2 (logo.png)，您将使用 [1]

如果你想使用video.mp4的视频你会调用[0:v]，而png的视频是[1:v]

对于水印，使用过滤器复合物，以“混合”视频上的图像

"[0:v][1:v]overlay=5:5,drawtext=text=:x=(w-0)/8:y=(h-4)/10:fontsize=64:fontcolor =white:ryanwangTV

[0:v][1:v] 是 video.mp4 的视频和 logo.png 的图像 overlay=5:5 前5个是主视频，后5个是视频要放在的图像。

x=(w-0)/8 : 是坐标 x y=(h-4)/10 : 坐标 y

fontsize=64 fontcolor=white，最终的词是你的文字

想在视频中画画

-c:a copy 它的意思：复制文件1的音频

-movflags +faststart : 是在浏览器上为互联网用户快速启动

output.mp4 是最终名称

【讨论】：

谢谢@stevejobs，但对此有何解释？我不明白[0:v][1:v] 部分。

我试了很多次，但是Flutter_VideoPlayer无法播放处理后的视频，你能帮我看看我哪里错了吗？这是我的new question link。