如何使视频缩略图抖动?
问题内容:
我有一个Flutter应用,可显示内部存储中的视频文件列表…
现在,我想在视频列表中显示视频的缩略图,那么如何在我的Flutter应用中做到这一点? 如果有人有任何想法,请帮助我。
我正在使用ListBuilder小部件。
问题答案:
为他人。使用视频播放器插件作为缩略图。这对那些库非常有效,并且也适用于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),
),
);
},
);
}
}