splitup the player

mobile/lib/widgets/asset_viewer/native_video_player.dart

@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/entities/asset.entity.dart';
+import 'package:native_video_player/native_video_player.dart';
+import 'package:video_player/video_player.dart';
+
+class NativeVideoPlayer extends HookConsumerWidget {
+  final VideoPlayerController controller;
+  final bool isMotionVideo;
+  final Widget? placeholder;
+  final Duration hideControlsTimer;
+  final bool showControls;
+  final bool showDownloadingIndicator;
+  final bool loopVideo;
+  final Asset asset;
+
+  const NativeVideoPlayer({
+    super.key,
+    required this.controller,
+    required this.isMotionVideo,
+    this.placeholder,
+    required this.hideControlsTimer,
+    required this.showControls,
+    required this.showDownloadingIndicator,
+    required this.loopVideo,
+    required this.asset,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return NativeVideoPlayerView(
+      onViewReady: (controller) async {
+        try {
+          String path = '';
+          VideoSourceType type = VideoSourceType.file;
+          if (asset.isLocal && asset.livePhotoVideoId == null) {
+            // Use a local file for the video player controller
+            final file = await asset.local!.file;
+            if (file == null) {
+              throw Exception('No file found for the video');
+            }
+            path = file.path;
+            type = VideoSourceType.file;
+
+            final videoSource = await VideoSource.init(
+              path: path,
+              type: type,
+            );
+
+            await controller.loadVideoSource(videoSource);
+            await controller.play();
+
+            Future.delayed(const Duration(milliseconds: 100), () async {
+              await controller.setVolume(0.5);
+            });
+          }
+        } catch (e) {
+          print('Error loading video: $e');
+        }
+      },
+    );
+  }
+}

mobile/lib/widgets/asset_viewer/video_player.dart

@@ -1,11 +1,8 @@
 import 'package:chewie/chewie.dart';
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:immich_mobile/entities/asset.entity.dart';
-import 'package:immich_mobile/entities/store.entity.dart';
 import 'package:immich_mobile/utils/hooks/chewiew_controller_hook.dart';
 import 'package:immich_mobile/widgets/asset_viewer/custom_video_player_controls.dart';
-import 'package:native_video_player/native_video_player.dart';
 import 'package:video_player/video_player.dart';
 
 class VideoPlayerViewer extends HookConsumerWidget {
@@ -16,7 +13,6 @@ class VideoPlayerViewer extends HookConsumerWidget {
   final bool showControls;
   final bool showDownloadingIndicator;
   final bool loopVideo;
-  final Asset asset;
 
   const VideoPlayerViewer({
     super.key,
@@ -27,59 +23,26 @@ class VideoPlayerViewer extends HookConsumerWidget {
     required this.showControls,
     required this.showDownloadingIndicator,
     required this.loopVideo,
-    required this.asset,
   });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    // final chewie = useChewieController(
-    //   controller: controller,
-    //   controlsSafeAreaMinimum: const EdgeInsets.only(
-    //     bottom: 100,
-    //   ),
-    //   placeholder: SizedBox.expand(child: placeholder),
-    //   customControls: CustomVideoPlayerControls(
-    //     hideTimerDuration: hideControlsTimer,
-    //   ),
-    //   showControls: showControls && !isMotionVideo,
-    //   hideControlsTimer: hideControlsTimer,
-    //   loopVideo: loopVideo,
-    // );
+    final chewie = useChewieController(
+      controller: controller,
+      controlsSafeAreaMinimum: const EdgeInsets.only(
+        bottom: 100,
+      ),
+      placeholder: SizedBox.expand(child: placeholder),
+      customControls: CustomVideoPlayerControls(
+        hideTimerDuration: hideControlsTimer,
+      ),
+      showControls: showControls && !isMotionVideo,
+      hideControlsTimer: hideControlsTimer,
+      loopVideo: loopVideo,
+    );
 
-    // return Chewie(
-    //   controller: chewie,
-    // );
-
-    return NativeVideoPlayerView(
-      onViewReady: (controller) async {
-        try {
-          String path = '';
-          VideoSourceType type = VideoSourceType.file;
-          if (asset.isLocal && asset.livePhotoVideoId == null) {
-            // Use a local file for the video player controller
-            final file = await asset.local!.file;
-            if (file == null) {
-              throw Exception('No file found for the video');
-            }
-            path = file.path;
-            type = VideoSourceType.file;
-
-            final videoSource = await VideoSource.init(
-              path: path,
-              type: type,
-            );
-
-            await controller.loadVideoSource(videoSource);
-            await controller.play();
-
-            Future.delayed(const Duration(milliseconds: 100), () async {
-              await controller.setVolume(0.5);
-            });
-          }
-        } catch (e) {
-          print('Error loading video: $e');
-        }
-      },
+    return Chewie(
+      controller: chewie,
     );
   }
 }