单击时Flutter Video Player动态传递URL并加载视频以播放 [英] Flutter Video Player On Click Pass URL dynamic and Load Video to play
问题描述
下面所附的视频播放器示例屏幕如何使视频播放器播放动态,同时通过传递视频URL来点击列表播放视频吗?
sample screen of video player attached below How can i make video player to play dynamically , while onclick of list play video by passing the video URL?
在单击时,我已传递URL并尝试重新初始化并开始播放其不起作用,状态未更改
while on click i have passed URL and tried to reinitialise and start play its not working ,state not changing
这是我的代码,
videoplayerscreen.dart,
videoplayerscreen.dart,
class VideoPlayerScreen extends StatefulWidget {
int playBackTime;
int playBackTotalTime;
String setPlayTime;
String setPlayDuration;
double aspectRatio;
String videoUrl;
bool isForward;
bool isFullScreen;
bool allowFullScreen;
bool showControls;
bool isAutoPlay;
int startWithinSeconds;
VideoPlayerScreen({
Key key,
this.playBackTime = 0,
this.playBackTotalTime = 0,
this.setPlayTime = "00:00",
this.setPlayDuration = "00:00",
this.aspectRatio = 16 / 9,
this.videoUrl =
"",
this.isForward = true,
this.isFullScreen = false,
this.allowFullScreen = false,
this.showControls = true,
this.isAutoPlay = false,
this.startWithinSeconds = 0,
}) : super(key: key);
@override
_VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}
class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
VideoPlayerController _controller;
void initPlayer() async {
_controller = VideoPlayerController.network(widget.videoUrl);
await _controller.initialize();
_controller.setLooping(true);
_controller.seekTo(Duration(seconds: widget.startWithinSeconds));
if (widget.isAutoPlay) {
_controller.play();
}
_controller.addListener(() {
setState(() {
widget.playBackTime = _controller.value.position.inSeconds;
widget.setPlayTime = timeFormatter(widget.playBackTime);
});
});
}
@override
void initState() {
initPlayer();
super.initState();
}
@override
void dispose() {
_controller.dispose();
SystemChrome.setPreferredOrientations([
DeviceOrientation.landscapeRight,
DeviceOrientation.landscapeLeft,
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown,
]);
super.dispose();
}
在配置中,
视频播放器:^ 0.10.5
调用其他课程CourseDetails.dart
Calling in Other class CourseDetails.dart ,
Container(
padding: EdgeInsets.only(left: 20.0, right: 20.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: _playUrl != null
? VideoPlayerScreen(videoUrl: _playUrl)
: Image.asset(
'assets/images/test_video_player_screen.png'),
),
)
GestureDetector(
**here i am changing the state **
onTap: () {
setState(() {
_playUrl = videoLists['course_video_url'];
});
},
child: Padding(
padding:
EdgeInsets.only(left: 10.0, right: 20.0, top: 2.0, bottom: 5.0),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Text(
"${videoLists['sn_no']}",
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Colors.black45,
fontFamily: 'Oswald-SemiBold'),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Padding(
padding: EdgeInsets.only(left: 10.0),
child: Text(
"${videoLists['course_video_title']}",
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.bold,
color: Colors.black45,
fontFamily: 'Oswald-SemiBold'),
),
),
Row(
children: <Widget>[
Padding(
padding: EdgeInsets.only(left: 10.0),
child: Text(
"Video - ${videoLists['course_video_duration']}",
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.bold,
color: Colors.grey,
fontFamily: 'Oswald-SemiBold'),
),
),
Padding(
padding: EdgeInsets.only(left: 5.0),
child: videoLists['course_watched']
? Image.asset(
'assets/images/green_tick_icon.png',
width: 12.0,
height: 12.0,
)
: null),
],
),
],
),
],
),
),
)
推荐答案
感谢所有答复.我找到了解决方案:
Thanks for all the replies. I got the solution:
在 Build
函数中,我检查了是否发生任何URL更改.如果发生更改,我将废弃旧控制器,然后重新初始化视频控制器.然后,它对我来说很好.
In Build
Function, I have checked if any url changes happened or not. If changes happened, I disposed old controller and I reinitialized video controller. Then, it works fine for me.
@override
Widget build(BuildContext context) {
if (currentObjectVideoUrl != widget.videoUrl) {
_controller.dispose();
initPlayer();
}
}
这篇关于单击时Flutter Video Player动态传递URL并加载视频以播放的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!