3 changed files with 231 additions and 180 deletions
@ -0,0 +1,180 @@ |
|||||||
|
import 'package:chewie/chewie.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:chewie/src/chewie_progress_colors.dart' as chewie; |
||||||
|
import 'package:flutter/services.dart'; |
||||||
|
import 'package:huixiang/view_widget/custom_image.dart'; |
||||||
|
import 'package:video_player/video_player.dart'; |
||||||
|
|
||||||
|
class ClassDetailsVideo extends StatefulWidget { |
||||||
|
final Function(bool isShowImg) changeShowImg; |
||||||
|
final Function(double height) heightFun; |
||||||
|
final bool isShowImg; |
||||||
|
final Function exitFull; |
||||||
|
final String coverImg; |
||||||
|
|
||||||
|
ClassDetailsVideo( |
||||||
|
{ |
||||||
|
Key key, |
||||||
|
this.changeShowImg, |
||||||
|
this.isShowImg, |
||||||
|
this.exitFull, |
||||||
|
this.heightFun, |
||||||
|
this.coverImg |
||||||
|
}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return ClassDetailsVideoState(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class ClassDetailsVideoState extends State<ClassDetailsVideo> { |
||||||
|
VideoPlayerController videoPlayerController; |
||||||
|
ChewieController chewieAudioController; |
||||||
|
Chewie chewies; |
||||||
|
GlobalKey globalKey = GlobalKey(); |
||||||
|
double height = 0; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
SystemChrome.setPreferredOrientations([ |
||||||
|
DeviceOrientation.portraitUp, |
||||||
|
]); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void didChangeDependencies() { |
||||||
|
if (widget.heightFun != null) |
||||||
|
WidgetsBinding.instance.addPostFrameCallback(_getContainerHeight); |
||||||
|
super.didChangeDependencies(); |
||||||
|
} |
||||||
|
|
||||||
|
_getContainerHeight(_) { |
||||||
|
if (globalKey.currentContext != null) |
||||||
|
height = globalKey.currentContext.size.height; |
||||||
|
if (widget.heightFun != null) widget.heightFun(height); |
||||||
|
print("height: $height"); |
||||||
|
} |
||||||
|
|
||||||
|
initVideo(videoUrl) async { |
||||||
|
videoPlayerController = VideoPlayerController.network( |
||||||
|
videoUrl, |
||||||
|
)..initialize().then((value) { |
||||||
|
chewieAudioController = ChewieController( |
||||||
|
videoPlayerController: videoPlayerController, |
||||||
|
aspectRatio: videoPlayerController.value.aspectRatio, |
||||||
|
//宽高比 |
||||||
|
autoPlay: false, |
||||||
|
//自动播放 |
||||||
|
looping: false, |
||||||
|
//循环播放 |
||||||
|
allowFullScreen: true, |
||||||
|
// 拖动条样式颜色 |
||||||
|
materialProgressColors: chewie.ChewieProgressColors( |
||||||
|
playedColor: Colors.white, |
||||||
|
handleColor: Colors.white, |
||||||
|
backgroundColor: Colors.grey, |
||||||
|
bufferedColor: Colors.transparent, |
||||||
|
), |
||||||
|
autoInitialize: true, |
||||||
|
); |
||||||
|
chewieAudioController.addListener(_fullScreenListener); |
||||||
|
if (mounted) setState(() {}); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Container(key: globalKey,child:videoWidget( |
||||||
|
MediaQuery.of(context).size.width, |
||||||
|
videoPlayerController != null |
||||||
|
? (MediaQuery.of(context).size.width) / |
||||||
|
videoPlayerController.value.aspectRatio |
||||||
|
: MediaQuery.of(context).size.width / 2, |
||||||
|
widget.coverImg, |
||||||
|
)); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
super.dispose(); |
||||||
|
|
||||||
|
if (chewieAudioController != null) { |
||||||
|
chewieAudioController.pause(); |
||||||
|
chewieAudioController.dispose(); |
||||||
|
chewieAudioController = null; |
||||||
|
} |
||||||
|
|
||||||
|
if (videoPlayerController != null) { |
||||||
|
videoPlayerController.pause(); |
||||||
|
videoPlayerController.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Widget videoWidget(double width, double height, src) { |
||||||
|
print("src : $src"); |
||||||
|
return MediaQuery( |
||||||
|
data: MediaQuery.of(context).copyWith( |
||||||
|
textScaleFactor: 0.9, |
||||||
|
), |
||||||
|
child: Stack(children: [ |
||||||
|
(chewieAudioController != null |
||||||
|
? Container( |
||||||
|
color: Colors.black, |
||||||
|
width: width, |
||||||
|
// height: |
||||||
|
height: width / 7 * 5, |
||||||
|
child: chewies = Chewie( |
||||||
|
controller: chewieAudioController, |
||||||
|
), |
||||||
|
) |
||||||
|
: Container( |
||||||
|
width: width, |
||||||
|
height:width / 7 * 5, |
||||||
|
)), |
||||||
|
if (widget.isShowImg) |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
setState(() { |
||||||
|
widget.changeShowImg(false); |
||||||
|
if (chewieAudioController != null) |
||||||
|
chewieAudioController.play(); |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
width: width, |
||||||
|
height: width / 7 * 5, |
||||||
|
color: Colors.black, |
||||||
|
child: Stack( |
||||||
|
children: [ |
||||||
|
Center( |
||||||
|
child: MImage( |
||||||
|
src, |
||||||
|
fit: BoxFit.cover, |
||||||
|
errorSrc: "assets/image/default_2_1.png", |
||||||
|
fadeSrc: "assets/image/default_2_1.png", |
||||||
|
), |
||||||
|
), |
||||||
|
Center( |
||||||
|
child: Icon( |
||||||
|
Icons.play_circle_outline, |
||||||
|
color: Colors.white, |
||||||
|
size: 60, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
])); |
||||||
|
} |
||||||
|
|
||||||
|
Future<void> _fullScreenListener() async { |
||||||
|
if (!chewieAudioController.isFullScreen) { |
||||||
|
Future.delayed(Duration(seconds: 1), () { |
||||||
|
widget.exitFull(); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue