Flutter 实时视频叠加

Question

我想在 Flutter 中创建一个视频播放器，它将突出显示视频中的汽车，如下所示 对于视频的每一帧，我都有汽车位于帧内位置的信息，但我不确定如何绘制每辆车周围都有盒子并与每一帧同步？

我计划使用 media_kit 包进行视频播放，因为它支持桌面，这是一个要求。如果您知道任何其他可以帮助我的软件包，请随时分享！

欢迎任何帮助！谢谢！

Answer 1

根据您的描述，我相信您想要创建一个计算机视觉应用程序，这并不像在视频源上绘制矩形那么简单。您需要使用某种算法来分析每一帧并识别您的目标对象。

另一方面，由于缺乏确切的描述，而且你只是说你想在视频上绘制矩形，所以它并不像看起来那么难。

您所需要的只是使用

Stack

小部件并将视频小部件放置为 第一个元素，并使用

Positioned

元素绘制一个或多个带有默认红色边框的

Container

(s) 或

SizedBox

(es)，它们的位置和大小基于某些动画控制器。

动画可以直接与视频播放计时器链接，并且您的框动画可以根据动画的数据量而变化。

以下是一些可能对您有所帮助的示例：

有关定位动画的视频
StackOverflow 关于路径动画的文章

与计算机视觉和检测车辆相关的更高级的东西，如果你想深入这个兔子洞。