flutter - 如何仅拍摄视频中选定区域的照片

Question

在 Flutter 中，在拍摄视频时，如何叠加滤镜屏幕，让用户只捕捉自己的脸部。现在，这在许多银行应用程序中很常见，其中显示椭圆形圆圈(如下所示)，其余部分都模糊。这有助于引导用户将他们的脸仅放在该圆圈边界内。

我们如何在 flutter 中做类似上面的事情？

Answer 1

您可以查看我的录制视频教程:https://bettercoding.dev/flutter/tutorial-video-recording-and-replay/ .

在那里，我用一个按钮覆盖了CameraPreview。您还可以用透明小部件覆盖它，使除脸部周围区域之外的所有区域变暗。

这可能可以按照这篇文章所示来完成:Flutter: inverted ClipOval使用CustomClipper。

return Center(
  child: Stack(
    alignment: Alignment.bottomCenter,
    children: [
      CameraPreview(_cameraController),
      FaceOverlay(), // some gray overlay with a clipped out area
    ],
  ),
);