如何使视频缩略图抖动？ [英] How to make video thumbnail in flutter?

问题描述

我有一个Flutter应用，可显示来自内部存储器的视频文件列表... 现在我想在视频列表中显示视频的缩略图，那么如何在我的Flutter应用中做到这一点？ / em> 如果有人有任何想法，请帮助我。

I have a flutter app that shows the list of video files from internal storage...now I want to display thumbnails of videos in video list so how can I do this in my flutter app? If anyone have any Idea then please help me.

我正在使用ListBuilder小部件。

I am using ListBuilder widget.

推荐答案

对于其他人。使用视频播放器插件作为缩略图。这对这些库非常有效，并且也适用于ios。只需像创建item一样创建statefullWidget（如果要在列表中显示，则将该控件用作item）。见下面的示例。

For Others. Use video player plugin as thumbnail. It's very effients comapare to those libraries and also works for ios.Just create statefullWidget as like item(if you want to show in list use that widget as item). See below example.

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

这篇关于如何使视频缩略图抖动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！