2023-04-03 21:11:25 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:logging/logging.dart';
|
|
|
|
import 'package:media_kit/media_kit.dart';
|
|
|
|
import 'package:media_kit_video/media_kit_video.dart';
|
|
|
|
|
|
|
|
class MediaKitAvControl extends StatefulWidget {
|
|
|
|
final String videoUrl;
|
2023-04-13 14:30:09 +00:00
|
|
|
final double? width;
|
|
|
|
final double? height;
|
2023-04-26 19:58:33 +00:00
|
|
|
final Function()? onGoFullScreen;
|
2023-04-03 21:11:25 +00:00
|
|
|
|
|
|
|
const MediaKitAvControl({
|
|
|
|
super.key,
|
|
|
|
required this.videoUrl,
|
|
|
|
required this.width,
|
|
|
|
required this.height,
|
2023-04-26 19:58:33 +00:00
|
|
|
this.onGoFullScreen,
|
2023-04-03 21:11:25 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
@override
|
|
|
|
State<MediaKitAvControl> createState() => _MediaKitAvControlState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _MediaKitAvControlState extends State<MediaKitAvControl> {
|
|
|
|
static final _logger = Logger('$MediaKitAvControl');
|
2023-04-19 15:46:14 +00:00
|
|
|
final Player player = Player(
|
|
|
|
configuration: const PlayerConfiguration(
|
|
|
|
logLevel: MPVLogLevel.warn,
|
|
|
|
),
|
|
|
|
);
|
2023-04-03 21:11:25 +00:00
|
|
|
VideoController? controller;
|
2023-04-03 22:08:34 +00:00
|
|
|
var needToOpen = true;
|
2023-04-26 19:58:33 +00:00
|
|
|
var playing = false;
|
2023-04-03 21:11:25 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
Future.microtask(() async {
|
|
|
|
_logger.info('initializing');
|
2023-04-19 13:46:29 +00:00
|
|
|
controller = await VideoController.create(player);
|
2023-04-03 22:08:34 +00:00
|
|
|
_logger.info('initialized');
|
|
|
|
if (context.mounted) {
|
|
|
|
setState(() {});
|
2023-04-03 21:11:25 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
Future.microtask(() async {
|
|
|
|
await controller?.dispose();
|
|
|
|
await player.dispose();
|
|
|
|
});
|
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void deactivate() {
|
|
|
|
player.pause();
|
2023-04-26 19:58:33 +00:00
|
|
|
playing = false;
|
2023-04-03 21:11:25 +00:00
|
|
|
super.deactivate();
|
|
|
|
}
|
|
|
|
|
2023-04-25 13:18:39 +00:00
|
|
|
Future<void> toggleVideoPlay() async {
|
2023-04-03 22:08:34 +00:00
|
|
|
_logger.fine('Toggling play on: ${widget.videoUrl}');
|
|
|
|
if (needToOpen) {
|
|
|
|
await player.open(Media(widget.videoUrl), play: false);
|
|
|
|
needToOpen = false;
|
|
|
|
}
|
2023-04-26 19:58:33 +00:00
|
|
|
if (playing) {
|
|
|
|
await player.pause();
|
|
|
|
playing = false;
|
|
|
|
} else {
|
|
|
|
await player.play();
|
|
|
|
playing = true;
|
|
|
|
}
|
2023-04-03 21:11:25 +00:00
|
|
|
setState(() {});
|
|
|
|
}
|
|
|
|
|
|
|
|
void resetPlay() async {
|
2023-04-26 19:58:33 +00:00
|
|
|
if (playing) {
|
|
|
|
await player.pause();
|
|
|
|
}
|
|
|
|
|
2023-04-03 21:11:25 +00:00
|
|
|
await player.seek(Duration.zero);
|
2023-04-26 19:58:33 +00:00
|
|
|
|
|
|
|
if (playing) {
|
|
|
|
playing = false;
|
|
|
|
await player.play();
|
|
|
|
playing = true;
|
|
|
|
}
|
|
|
|
|
2023-04-03 21:11:25 +00:00
|
|
|
setState(() {});
|
|
|
|
}
|
|
|
|
|
2023-04-13 14:30:09 +00:00
|
|
|
double? get height => widget.height == null ? null : widget.height! - 50;
|
2023-04-04 17:54:08 +00:00
|
|
|
|
2023-04-13 14:30:09 +00:00
|
|
|
double? get width => widget.width;
|
2023-04-04 17:54:08 +00:00
|
|
|
|
2023-04-03 21:11:25 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2023-04-26 19:58:33 +00:00
|
|
|
_logger.finer(
|
|
|
|
'Building MediaKit Control playing? $playing for ${widget.videoUrl}');
|
2023-04-03 21:11:25 +00:00
|
|
|
if (controller == null) {
|
2023-04-19 15:46:14 +00:00
|
|
|
return Container(
|
|
|
|
width: widget.width,
|
|
|
|
height: widget.height,
|
|
|
|
color: Colors.black12,
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
children: const [
|
|
|
|
CircularProgressIndicator(),
|
|
|
|
],
|
|
|
|
),
|
2023-04-03 21:11:25 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
return GestureDetector(
|
|
|
|
onTap: toggleVideoPlay,
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
children: [
|
2023-04-13 14:30:09 +00:00
|
|
|
Expanded(
|
|
|
|
child: Video(
|
|
|
|
controller: controller,
|
|
|
|
width: width,
|
|
|
|
height: height,
|
|
|
|
),
|
2023-04-03 21:11:25 +00:00
|
|
|
),
|
|
|
|
Row(
|
2023-04-26 19:58:33 +00:00
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
2023-04-03 21:11:25 +00:00
|
|
|
children: [
|
|
|
|
IconButton(
|
2023-04-25 13:18:39 +00:00
|
|
|
icon: playing
|
2023-04-03 21:11:25 +00:00
|
|
|
? const Icon(Icons.pause)
|
|
|
|
: const Icon(Icons.play_arrow),
|
|
|
|
onPressed: toggleVideoPlay,
|
|
|
|
),
|
|
|
|
IconButton(onPressed: resetPlay, icon: const Icon(Icons.replay)),
|
2023-04-26 19:58:33 +00:00
|
|
|
if (widget.onGoFullScreen != null)
|
|
|
|
IconButton(
|
|
|
|
onPressed: () async {
|
|
|
|
if (playing) {
|
|
|
|
await toggleVideoPlay();
|
|
|
|
}
|
|
|
|
await widget.onGoFullScreen!();
|
|
|
|
},
|
|
|
|
icon: const Icon(Icons.fullscreen),
|
|
|
|
)
|
2023-04-03 21:11:25 +00:00
|
|
|
],
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|