feat(mobile): add ability to force view original videos (#15094)

mobile/assets/i18n/en-US.json

@@ -527,6 +527,8 @@
   "settings_require_restart": "Please restart Immich to apply this setting",
   "setting_video_viewer_looping_subtitle": "Enable to automatically loop a video in the detail viewer.",
   "setting_video_viewer_looping_title": "Looping",
+  "setting_video_viewer_original_video_title": "Force original video",
+  "setting_video_viewer_original_video_subtitle": "When streaming a video from the server, play the original even when a transcode is available. May lead to buffering. Videos available locally are played in original quality regardless of this setting.",
   "setting_video_viewer_title": "Videos",
   "share_add": "Add",
   "share_add_photos": "Add photos",
@@ -656,4 +658,4 @@
   "viewer_unstack": "Un-Stack",
   "wifi_name": "WiFi Name",
   "your_wifi_name": "Your WiFi name"
-}
+}

mobile/lib/entities/store.entity.dart

@@ -242,6 +242,9 @@ enum StoreKey<T> {
   preferredWifiName<String>(133, type: String),
   localEndpoint<String>(134, type: String),
   externalEndpointList<String>(135, type: String),
+
+  // Video settings
+  loadOriginalVideo<bool>(136, type: bool),
   ;
 
   const StoreKey(

mobile/lib/pages/common/native_video_viewer.page.dart

@@ -75,9 +75,14 @@ class NativeVideoViewerPage extends HookConsumerWidget {
 
         // Use a network URL for the video player controller
         final serverEndpoint = Store.get(StoreKey.serverEndpoint);
+        final isOriginalVideo = ref
+            .read(appSettingsServiceProvider)
+            .getSetting<bool>(AppSettingsEnum.loadOriginalVideo);
+        final String postfixUrl =
+            isOriginalVideo ? 'original' : 'video/playback';
         final String videoUrl = asset.livePhotoVideoId != null
-            ? '$serverEndpoint/assets/${asset.livePhotoVideoId}/video/playback'
+            ? '$serverEndpoint/assets/${asset.livePhotoVideoId}/$postfixUrl'
-            : '$serverEndpoint/assets/${asset.remoteId}/video/playback';
+            : '$serverEndpoint/assets/${asset.remoteId}/$postfixUrl';
 
         final source = await VideoSource.init(
           path: videoUrl,

mobile/lib/services/app_settings.service.dart

@@ -63,6 +63,11 @@ enum AppSettingsEnum<T> {
   logLevel<int>(StoreKey.logLevel, null, 5), // Level.INFO = 5
   preferRemoteImage<bool>(StoreKey.preferRemoteImage, null, false),
   loopVideo<bool>(StoreKey.loopVideo, "loopVideo", true),
+  loadOriginalVideo<bool>(
+    StoreKey.loadOriginalVideo,
+    "loadOriginalVideo",
+    false,
+  ),
   mapThemeMode<int>(StoreKey.mapThemeMode, null, 0),
   mapShowFavoriteOnly<bool>(StoreKey.mapShowFavoriteOnly, null, false),
   mapIncludeArchived<bool>(StoreKey.mapIncludeArchived, null, false),

mobile/lib/widgets/settings/asset_viewer_settings/video_viewer_settings.dart

@@ -15,6 +15,8 @@ class VideoViewerSettings extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final useLoopVideo = useAppSettingsState(AppSettingsEnum.loopVideo);
+    final useOriginalVideo =
+        useAppSettingsState(AppSettingsEnum.loadOriginalVideo);
 
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
@@ -26,6 +28,12 @@ class VideoViewerSettings extends HookConsumerWidget {
           subtitle: "setting_video_viewer_looping_subtitle".tr(),
           onChanged: (_) => ref.invalidate(appSettingsServiceProvider),
         ),
+        SettingsSwitchListTile(
+          valueNotifier: useOriginalVideo,
+          title: "setting_video_viewer_original_video_title".tr(),
+          subtitle: "setting_video_viewer_original_video_subtitle".tr(),
+          onChanged: (_) => ref.invalidate(appSettingsServiceProvider),
+        ),
       ],
     );
   }