splitup the player

2024-08-09 17:30:30 -05:00
parent a8994ffb22
commit a346a37743
6 changed files with 240 additions and 80 deletions
@@ -0,0 +1,117 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/entities/asset.entity.dart';
+import 'package:immich_mobile/providers/asset_viewer/native_video_player_controller_provider.dart';
+import 'package:immich_mobile/providers/asset_viewer/show_controls.provider.dart';
+import 'package:immich_mobile/providers/asset_viewer/video_player_controller_provider.dart';
+import 'package:immich_mobile/providers/asset_viewer/video_player_controls_provider.dart';
+import 'package:immich_mobile/providers/asset_viewer/video_player_value_provider.dart';
+import 'package:immich_mobile/widgets/asset_viewer/video_player.dart';
+import 'package:immich_mobile/widgets/common/delayed_loading_indicator.dart';
+import 'package:native_video_player/native_video_player.dart';
+import 'package:wakelock_plus/wakelock_plus.dart';
+
+class NativeVideoViewerPage extends ConsumerStatefulWidget {
+  final Asset asset;
+  final Widget? placeholder;
+
+  const NativeVideoViewerPage({
+    super.key,
+    required this.asset,
+    this.placeholder,
+  });
+
+  @override
+  NativeVideoViewerPageState createState() => NativeVideoViewerPageState();
+}
+
+class NativeVideoViewerPageState extends ConsumerState<NativeVideoViewerPage> {
+  @override
+  Widget build(BuildContext context) {
+    final size = MediaQuery.sizeOf(context);
+    double videoWidth = size.width;
+    double videoHeight = size.height;
+
+    NativeVideoPlayerController? controller;
+
+    void initController(NativeVideoPlayerController videoCtrl) {
+      controller = videoCtrl;
+
+      controller?.onPlaybackReady.addListener(() {
+        // Emitted when the video loaded successfully and it's ready to play.
+        // At this point, videoInfo is available.
+        final videoInfo = controller?.videoInfo;
+
+        setState(() {
+          if (videoInfo != null) {
+            videoWidth = videoInfo.width.toDouble();
+            videoHeight = videoInfo.height.toDouble();
+
+            print(videoHeight);
+            print(videoWidth);
+          }
+        });
+
+        final videoDuration = videoInfo?.duration;
+
+        controller?.play();
+      });
+
+      controller?.onPlaybackStatusChanged.addListener(() {
+        final playbackStatus = controller?.playbackInfo?.status;
+        // playbackStatus can be playing, paused, or stopped.
+      });
+
+      controller?.onPlaybackPositionChanged.addListener(() {
+        final playbackPosition = controller?.playbackInfo?.position;
+      });
+
+      controller?.onPlaybackEnded.addListener(() {
+        // Emitted when the video has finished playing.
+      });
+    }
+
+    dispose() {
+      controller = null;
+      super.dispose();
+    }
+
+    return PopScope(
+      onPopInvoked: (pop) {
+        ref.read(videoPlaybackValueProvider.notifier).value =
+            VideoPlaybackValue.uninitialized();
+      },
+      child: SizedBox(
+        height: videoHeight,
+        width: videoWidth,
+        child: AspectRatio(
+          aspectRatio: 16 / 9,
+          child: NativeVideoPlayerView(
+            onViewReady: (c) async {
+              // Use a local file for the video player controller
+              final file = await widget.asset.local!.file;
+              if (file == null) {
+                throw Exception('No file found for the video');
+              }
+
+              final videoSource = await VideoSource.init(
+                path: file.path,
+                type: VideoSourceType.file,
+              );
+
+              await c.loadVideoSource(videoSource);
+              initController(c);
+            },
+          ),
+        ),
+      ),
+    );
+  }
+  // final Asset asset;
+  // final Widget? placeholder;
+  // final Duration hideControlsTimer;
+  // final bool showControls;
+  // final bool showDownloadingIndicator;
+  // final bool loopVideo;
+}