flutter - 如何在 Flutter 的 Repaintboundary 中添加视频播放器

Question

我想截取视频播放器中播放的视频。但是我无法在 RepaintBoundary 中调整我的 VideoPlayer。

RepaintBoundary(
    key: screen,
    child:  Stack(
      children: <Widget>[
        Container(
          child: videoPlayerController.value.initialized ? AspectRatio(
            aspectRatio: videoPlayerController.value.aspectRatio,
            child: VideoPlayer(videoPlayerController),
          ) : Container(color: Colors.red,),
        ),

      ],
    ),
  ),    

Answer 1

RenderPaintBoundary 不会执行您尝试执行的操作，因为这不是 Flutter 的工作方式。

您需要单独购买所需的相框。

您可以根据您的用例进行自己的实现，但现在，为了简单起见，请使用以下插件。

https://pub.dev/packages/video_thumbnail#-readme-tab-

并且每当您需要视频的当前帧时，请确保执行以下代码段。

Uint8List bytes = await VideoThumbnail.thumbnailData(
  video: path, // Path of that video
  imageFormat: ImageFormat.PNG,
  quality: 100,
  timeMs: videoController.value.position.inMilliseconds,
);

Image image = Image.memory(bytes); // Here's your frame