video: added seek by tap/drag on progress bar

lib/widgets/fullscreen/overlay_video.dart

@@ -27,6 +27,9 @@ class VideoControlOverlay extends StatefulWidget {
 }
 
 class VideoControlOverlayState extends State<VideoControlOverlay> {
+  final GlobalKey _progressBarKey = GlobalKey();
+  bool _playingOnDragStart = false;
+
   ImageEntry get entry => widget.entry;
 
   Animation<double> get scale => widget.scale;
@@ -67,7 +70,6 @@ class VideoControlOverlayState extends State<VideoControlOverlay> {
 
   @override
   Widget build(BuildContext context) {
-    final progressBarBorderRadius = 123.0;
     final mediaQuery = MediaQuery.of(context);
     final viewInsets = widget.viewInsets ?? mediaQuery.viewInsets;
     final viewPadding = widget.viewPadding ?? mediaQuery.viewPadding;
@@ -87,6 +89,10 @@ class VideoControlOverlayState extends State<VideoControlOverlay> {
               width: mediaQuery.size.width - safePadding.horizontal,
               child: Row(
                 children: [
+                  Expanded(
+                    child: _buildProgressBar(),
+                  ),
+                  SizedBox(width: 8),
                   OverlayButton(
                     scale: scale,
                     child: value.isPlaying
@@ -101,12 +107,32 @@ class VideoControlOverlayState extends State<VideoControlOverlay> {
                             tooltip: 'Play',
                           ),
                   ),
-                  SizedBox(width: 8),
-                  Expanded(
-                    child: SizeTransition(
+                ],
+              ),
+            ),
+    );
+  }
+
+  SizeTransition _buildProgressBar() {
+    final progressBarBorderRadius = 123.0;
+    return SizeTransition(
       sizeFactor: scale,
       child: BlurredRRect(
         borderRadius: progressBarBorderRadius,
+        child: GestureDetector(
+          onTapDown: (TapDownDetails details) {
+            _seek(details.globalPosition);
+          },
+          onHorizontalDragStart: (DragStartDetails details) {
+            _playingOnDragStart = controller.value.isPlaying;
+            if (_playingOnDragStart) controller.pause();
+          },
+          onHorizontalDragUpdate: (DragUpdateDetails details) {
+            _seek(details.globalPosition);
+          },
+          onHorizontalDragEnd: (DragEndDetails details) {
+            if (_playingOnDragStart) controller.play();
+          },
           child: Container(
             padding: EdgeInsets.symmetric(vertical: 4, horizontal: 16) + EdgeInsets.only(bottom: 16),
             decoration: BoxDecoration(
@@ -117,6 +143,7 @@ class VideoControlOverlayState extends State<VideoControlOverlay> {
               ),
             ),
             child: Column(
+              key: _progressBarKey,
               children: [
                 Row(
                   children: [
@@ -131,22 +158,11 @@ class VideoControlOverlayState extends State<VideoControlOverlay> {
           ),
         ),
       ),
-                  ),
-                  SizedBox(width: 8),
-                  OverlayButton(
-                    scale: scale,
-                    child: IconButton(
-                      icon: Icon(Icons.fullscreen),
-                      onPressed: () => _goFullscreen(),
-                      tooltip: 'Fullscreen',
-                    ),
-                  ),
-                ],
-              ),
-            ),
     );
   }
 
+  _onValueChange() => setState(() {});
+
   _playPause() async {
     if (value.isPlaying) {
       controller.pause();
@@ -159,7 +175,10 @@ class VideoControlOverlayState extends State<VideoControlOverlay> {
     setState(() {});
   }
 
-  _goFullscreen() {}
-
-  _onValueChange() => setState(() {});
+  _seek(Offset globalPosition) {
+    final keyContext = _progressBarKey.currentContext;
+    final RenderBox box = keyContext.findRenderObject();
+    final localPosition = box.globalToLocal(globalPosition);
+    controller.seekTo(value.duration * (localPosition.dx / box.size.width));
+  }
 }

pubspec.lock

@@ -36,13 +36,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.2"
-  chewie:
-    dependency: "direct main"
-    description:
-      name: chewie
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.7"
   collection:
     dependency: "direct main"
     description:
@@ -148,13 +141,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.6"
-  open_iconic_flutter:
-    dependency: transitive
-    description:
-      name: open_iconic_flutter
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.3.0"
   path:
     dependency: "direct main"
     description:
@@ -336,7 +322,7 @@ packages:
     source: hosted
     version: "2.0.8"
   video_player:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: video_player
       url: "https://pub.dartlang.org"

pubspec.yaml

@@ -16,7 +16,6 @@ version: 1.0.0+1
 dependencies:
   flutter:
     sdk: flutter
-  chewie: 0.9.7
   collection:
   draggable_scrollbar:
     git:
@@ -40,6 +39,7 @@ dependencies:
   sqflite:
   transparent_image:
   tuple:
+  video_player:
 
 dev_dependencies:
   flutter_test: