在Flutter中使用video_player插件时,可以通过video_player_controller来获取当前视频的播放时间。以下是实现的步骤:
import 'package:video_player/video_player.dart';
VideoPlayerController _controller;
@override
void initState() {
super.initState();
_controller = VideoPlayerController.asset('assets/video.mp4')
..initialize().then((_) {
setState(() {});
});
}
这里假设视频文件位于assets文件夹下,文件名为video.mp4。你可以根据实际情况修改视频文件的路径。
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Video Player'),
),
body: Center(
child: _controller.value.initialized
? AspectRatio(
aspectRatio: _controller.value.aspectRatio,
child: VideoPlayer(_controller),
)
: CircularProgressIndicator(),
),
);
}
这里使用了一个AspectRatio组件来保持视频的宽高比,并将VideoPlayerController传递给VideoPlayer组件进行播放。
Text(
'${_controller.value.position.inMinutes}:${(_controller.value.position.inSeconds % 60).toString().padLeft(2, '0')}',
style: TextStyle(fontSize: 20),
)
这里使用了字符串插值来展示当前播放时间,将分钟和秒数分别显示,并使用padLeft方法来保证秒数始终为两位数。
通过以上步骤,你可以在Flutter中使用video_player插件来显示当前视频的播放时间。请注意,这只是一个简单的示例,你可以根据实际需求进行更复杂的UI设计和交互。
新知·音视频技术公开课
API网关系列直播
618音视频通信直播系列
618音视频通信直播系列
技术创作101训练营
云+社区技术沙龙[第10期]
北极星训练营
云+社区技术沙龙[第7期]
云+社区技术沙龙[第28期]
T-Day
领取专属 10元无门槛券
手把手带您无忧上云