Dart 如何在Flutter中制作视频缩略图

发布于11月29日

我有一个Flutter 的应用程序，显示从内部存储的视频文件列表…now I want to display thumbnails of videos in video list so how can I do this in my flutter app?如果谁有任何 idea ，那么请帮助我.

我正在使用Listbuilder小工具.

推荐答案

对其他人来说.使用video player插件作为缩略图.它对这些库非常有效，也适用于ios.只需将stateflWidget创建为类似项(如果您想要在列表中显示，请使用该小部件作为项).请参见下面的示例.

class _VideoItemState extends State<VideoItem> {
VideoPlayerController _controller;

@override
void initState() {
super.initState();
_controller = VideoPlayerController.network(widget.video.file.path)
  ..initialize().then((_) {
    setState(() {});  //when your thumbnail will show.
  });
}

@override
void dispose() {
super.dispose();
_controller.dispose();
}

@override
Widget build(BuildContext context) {
return ListTile(
  leading: _controller.value.initialized
      ? Container(
          width: 100.0,
          height: 56.0,
          child: VideoPlayer(_controller),
        )
      : CircularProgressIndicator(),
  title: Text(widget.video.file.path.split('/').last),
  onTap: () {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) =>
            VideoPlayerPage(videoUrl: widget.video.file.path),
      ),
    );
  },
);
 }
}