一尘不染

如何使视频缩略图抖动?

flutter

我有一个Flutter应用,可显示内部存储中的视频文件列表…
现在,我想在视频列表中显示视频的缩略图,那么如何在我的Flutter应用中做到这一点? 如果有人有任何想法,请帮助我。

我正在使用ListBuilder小部件。


阅读 277

收藏
2020-08-13

共1个答案

一尘不染

为他人。使用视频播放器插件作为缩略图。这对那些库非常有效,并且也适用于ios。只需像创建item一样创建statefullWidget(如果要在列表中显示,请将该控件用作item)。请参见以下示例。

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),
      ),
    );
  },
);
 }
}
2020-08-13