Feat external player

assets/i18n/en.json

@@ -9,7 +9,7 @@
     "uk": "Українська",
     "zh": "中文"
   },
-  
+
   "common": {
     "home": "Home",
     "search": "Search",
@@ -87,6 +87,9 @@
     "theme-dark": "Dark",
     "nsfw": "NSFW",
     "nsfw-subtitle": "Show NSFW content",
+    "external-player": "Preferred video player",
+    "external-player-subtitle": "Currently, the preferred player is {player}",
+    "external-player-builtin": "Built-in",
     "language-subtitle": "Change the language of the software",
     "extension-log": "Extension Log Window",
     "extension-log-subtitle": "Used for debugging extensions",
@@ -99,6 +102,8 @@
     "license-subtitle": "License"
   },
 
+  "external-player-launching": "Launching {player}",
+
   "detail": {
     "favorite": "Favorite",
     "favorited": "Favorited",

assets/i18n/zh.json

@@ -76,6 +76,9 @@
     "theme-dark": "深色",
     "nsfw": "NSFW",
     "nsfw-subtitle": "显示 NSFW 内容",
+    "external-player": "优先使用的视频播放器",
+    "external-player-subtitle": "当前优先使用的是 {player}",
+    "external-player-builtin": "内置播放器",
     "language-subtitle": "选择软件的语言",
     "extension-log": "扩展日志窗口",
     "extension-log-subtitle": "用于调试扩展",
@@ -88,6 +91,8 @@
     "license-subtitle": "许可证"
   },
 
+  "external-video-launching": "正在启动 {player}",
+
   "detail": {
     "favorite": "收藏",
     "favorited": "已收藏",

lib/pages/detail/controller.dart

@@ -16,8 +16,10 @@ import 'package:miru_app/router/router.dart';
 import 'package:miru_app/utils/database.dart';
 import 'package:miru_app/utils/extension.dart';
 import 'package:miru_app/utils/extension_runtime.dart';
+import 'package:miru_app/utils/external_player.dart';
 import 'package:miru_app/utils/i18n.dart';
 import 'package:miru_app/utils/miru_directory.dart';
+import 'package:miru_app/utils/miru_storage.dart';
 import 'package:miru_app/widgets/messenger.dart';
 
 class DetailPageController extends GetxController {
@@ -228,7 +230,7 @@ class DetailPageController extends GetxController {
     List<ExtensionEpisode> urls,
     int index,
     int selectEpGroup,
-  ) {
+  ) async {
     if (runtime.value == null) {
       showPlatformSnackbar(
         context: cuurentContext,
@@ -244,6 +246,47 @@ class DetailPageController extends GetxController {
       return;
     }
 
+    final player = MiruStorage.getSetting(SettingKey.videoPlayer);
+
+    if (player != 'built-in') {
+      showPlatformSnackbar(
+        context: cuurentContext,
+        content: FlutterI18n.translate(
+          cuurentContext,
+          'external-player-launching',
+          translationParams: {
+            'player': player,
+          },
+        ),
+      );
+      late ExtensionBangumiWatch watchData;
+      try {
+        watchData = await runtime.value!.watch(urls[index].url)
+            as ExtensionBangumiWatch;
+      } catch (e) {
+        showPlatformSnackbar(
+          context: cuurentContext,
+          content: e.toString().split('\n')[0],
+          severity: fluent.InfoBarSeverity.error,
+        );
+        return;
+      }
+      try {
+        if (GetPlatform.isMobile) {
+          await launchMobileExternalPlayer(watchData.url, player);
+          return;
+        }
+        await launchDesktopExternalPlayer(watchData.url, player);
+        return;
+      } catch (e) {
+        showPlatformSnackbar(
+          context: cuurentContext,
+          content: e.toString().split('\n')[0],
+          severity: fluent.InfoBarSeverity.error,
+        );
+      }
+    }
+
     Navigator.of(context, rootNavigator: true).push(
       PageRouteBuilder(
         transitionDuration: const Duration(milliseconds: 600),

lib/pages/settings/view.dart

@@ -204,6 +204,44 @@ class _SettingsPageState extends State<SettingsPage> {
           },
         ),
         const SizedBox(height: 8),
+        SettingsRadiosTile(
+          icon: const PlatformWidget(
+            androidWidget: Icon(Icons.play_arrow),
+            desktopWidget: Icon(fluent.FluentIcons.play_resume, size: 24),
+          ),
+          title: 'settings.external-player'.i18n,
+          itemNameValue: () {
+            if (Platform.isAndroid) {
+              return {
+                "settings.external-player-builtin".i18n: "built-in",
+                "VLC": "vlc",
+                "MXPlayer": "mxplayer",
+                "NPlayer": "nplayer",
+                "MPV": "mpv",
+              };
+            }
+            return {
+              "settings.external-player-builtin".i18n: "built-in",
+              "VLC": "vlc",
+              "MPV": "mpv",
+              "PotPlayer": "potplayer",
+            };
+          }(),
+          buildSubtitle: () => FlutterI18n.translate(
+            context,
+            'settings.external-player-subtitle',
+            translationParams: {
+              'player': MiruStorage.getSetting(SettingKey.videoPlayer),
+            },
+          ),
+          applyValue: (value) {
+            MiruStorage.setSetting(SettingKey.videoPlayer, value);
+          },
+          buildGroupValue: () {
+            return MiruStorage.getSetting(SettingKey.videoPlayer);
+          },
+        ),
+        const SizedBox(height: 8),
         if (!Platform.isAndroid)
           Obx(
             () {

lib/utils/external_player.dart

@@ -0,0 +1,45 @@
+import 'package:android_intent_plus/android_intent.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+
+Future<void> launchMobileExternalPlayer(String playUrl, String player) async {
+  switch (player) {
+    case "vlc":
+      await _launchExternalPlayer("vlc://$playUrl");
+      break;
+    case "mxplayer":
+      await AndroidIntent(
+        action: 'action_view',
+        data: playUrl,
+        package: 'com.mxtech.videoplayer.ad',
+      ).launch();
+      break;
+    case "mpv":
+      await AndroidIntent(
+        action: 'action_view',
+        data: playUrl,
+        package: 'is.xyz.mpv',
+      ).launch();
+      break;
+  }
+}
+
+// desktop
+Future<void> launchDesktopExternalPlayer(String playUrl, String player) async {
+  switch (player) {
+    case "vlc":
+      await _launchExternalPlayer("vlc://$playUrl");
+      break;
+    case "mpv":
+      await _launchExternalPlayer("mpv://$playUrl");
+      break;
+    case "potplayer":
+      await _launchExternalPlayer("potplayer://$playUrl");
+      break;
+  }
+}
+
+_launchExternalPlayer(String url) async {
+  if (!await launchUrlString(url, mode: LaunchMode.externalApplication)) {
+    throw Exception("Failed to launch $url");
+  }
+}

lib/utils/miru_storage.dart

@@ -35,6 +35,7 @@ class MiruStorage {
     await _initSetting(SettingKey.novelFontSize, 18.0);
     await _initSetting(SettingKey.theme, 'system');
     await _initSetting(SettingKey.enableNSFW, false);
+    await _initSetting(SettingKey.videoPlayer, 'built-in');
   }
 
   static _initSetting(String key, dynamic value) async {
@@ -60,4 +61,5 @@ class SettingKey {
   static String language = 'Language';
   static String novelFontSize = 'NovelFontSize';
   static String enableNSFW = 'EnableNSFW';
+  static String videoPlayer = 'VideoPlayer';
 }

pubspec.lock

@@ -17,6 +17,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "5.13.0"
+  android_intent_plus:
+    dependency: "direct main"
+    description:
+      name: android_intent_plus
+      sha256: f72ae20bb37108694f442e7ae6acbd28b453ca62ce86842f6787b784355abfe6
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
   archive:
     dependency: transitive
     description:

pubspec.yaml

@@ -52,6 +52,7 @@ dependencies:
   http_parser: ^4.0.2
   html: ^0.15.4
   xpath_selector_html_parser: ^3.0.1
+  android_intent_plus: ^4.0.2
 
 dev_dependencies:
   flutter_test: