add preferred renderer, renderer quality options, change setting inte…

…rface to dense

src/main/schema/index.ts

@@ -42,4 +42,12 @@ export default {
     type: 'boolean',
     default: true,
   },
+  preferredRenderer: {
+    type: 'string',
+    default: 'auto',
+  },
+  appConfigQuality: {
+    type: 'string',
+    default: 'high',
+  },
 } as const;

src/renderer/components/layouts/ThemeContainer.tsx

@@ -57,6 +57,20 @@ const ThemeContainer = ({ children }) => {
               },
             },
           },
+          MuiCheckbox: {
+            styleOverrides: {
+              root: {
+                padding: '3px 3px 3px 8px',
+              },
+            },
+          },
+          MuiRadio: {
+            styleOverrides: {
+              root: {
+                padding: '3px 3px 3px 8px',
+              },
+            },
+          },
           MuiToolbar: {
             styleOverrides: {
               dense: {

src/renderer/components/views/FlashPlayer.tsx

@@ -102,6 +102,11 @@ const FlashPlayer = ({ url = '', autoplay = true, filePath = '', header = true }
       contextMenu: stateAppScreen.appConfigHideContext ? 'off' : 'on',
       logLevel: 'error',
       openUrlMode: 'confirm',
+      preferredRenderer:
+        stateAppScreen.appConfigPreferredRenderer === 'auto'
+          ? null
+          : stateAppScreen.appConfigPreferredRenderer,
+      quality: stateAppScreen.appConfigQuality,
       warnOnUnsupportedContent: false,
       playerVersion:
         stateAppScreen.appConfigEmulatePlayerVersion === 0

src/renderer/public/locales/de/common.json

@@ -9,10 +9,14 @@
   "loading": "Warten Sie mal...",
   "dialog-title-info": "Orientierungshilfe",
   "settings-info": "Wählen Sie die gewünschte Option aus und sie wird sofort angezeigt.",
-  "settings-title-1": "Player-Einstellungen",
-  "settings-desc-1": "Sie können die gewünschte Ausführungsumgebung frei festlegen.",
+  "settings-title-1": "Player: Einstellungen anzeigen",
+  "settings-desc-1": "Passen Sie die auf dem Player angezeigte Benutzeroberfläche an.",
   "settings-title-2": "App-Designeinstellungen",
   "settings-desc-2": "Sie können den gewünschten Stil zwischen hellem Modus und dunklem Modus wählen.",
+  "settings-title-3": "Spieler: Grafik-Renderer",
+  "settings-desc-3": "Passen Sie die Grafik-Rendering-Engine des Players an. Für nicht fortgeschrittene Benutzer empfehlen wir die Auswahl „Automatisch“.",
+  "settings-title-4": "Spieler: Grafikqualität",
+  "settings-desc-4": "Passen Sie die Grafikqualität des Players an. Niedrigere Werte sind schneller, führen aber zu einer geringeren Grafikschärfe. Höhere Werte können die Leistung beeinträchtigen.",
   "settings-other-title": "fortschrittlich",
   "settings-other-desc": "Wählen Sie erweiterte Einstellungen für das App-Verhalten.",
   "settings-reset-title": "App-Daten zurücksetzen",

src/renderer/public/locales/de/menu.json

@@ -31,5 +31,14 @@
   "cancel": "Stornieren",
   "ok": "OK",
   "show-player-controller": "Player-Controller anzeigen",
-  "replay": "Neu starten"
+  "replay": "Neu starten",
+  "renderer-auto": "automatisch (empfohlen)",
+  "renderer-wgpu-webgl": "wgpu-webgl (empfohlen)",
+  "renderer-webgl": "webgl (geringe Kompatibilität, schnell)",
+  "renderer-canvas": "canvas (langsam, wird verwendet, wenn Ränder nicht richtig gezeichnet werden)",
+  "renderer-webgpu": "webgpu (experimentell, derzeit nicht verfügbar: ersetzt durch wgpu-webgl)",
+  "quality-low": "Niedrigkeit",
+  "quality-medium": "häufig",
+  "quality-high": "hoch (empfohlen)",
+  "quality-best": "der beste"
 }

src/renderer/public/locales/en/common.json

@@ -9,10 +9,14 @@
   "loading": "Please wait...",
   "dialog-title-info": "Notice",
   "settings-info": "Select the desired option and it will be reflected immediately.",
-  "settings-title-1": "Player Settings",
-  "settings-desc-1": "Feel free to set up your preferred execution environment.",
+  "settings-title-1": "Player: View Settings",
+  "settings-desc-1": "Customize the interface displayed on the player.",
   "settings-title-2": "App Theme",
   "settings-desc-2": "You can choose between light mode and dark mode.",
+  "settings-title-3": "Player: Graphics Renderer",
+  "settings-desc-3": "Customize the player graphics rendering engine. For non-advanced users, we recommend selecting 'Automatic'.",
+  "settings-title-4": "Players: Graphics Quality",
+  "settings-desc-4": "Adjust the player graphics quality. Lower values are faster but result in lower graphic sharpness. Higher values may degrade performance.",
   "settings-other-title": "Advanced",
   "settings-other-desc": "Choose advanced settings for app behavior.",
   "settings-reset-title": "Reset App Data",

src/renderer/public/locales/en/menu.json

@@ -31,5 +31,14 @@
   "cancel": "Cancel",
   "ok": "OK",
   "show-player-controller": "Show player controller",
-  "replay": "Restart"
+  "replay": "Restart",
+  "renderer-auto": "Auto (recommended)",
+  "renderer-wgpu-webgl": "wgpu-webgl (recommended)",
+  "renderer-webgl": "webgl (low compatibility, fast)",
+  "renderer-canvas": "canvas (slow, used when borders don't draw correctly)",
+  "renderer-webgpu": "webgpu (experimental, currently unavailable: replaced by wgpu-webgl)",
+  "quality-low": "Low",
+  "quality-medium": "Medium",
+  "quality-high": "High (recommended)",
+  "quality-best": "Best"
 }

src/renderer/public/locales/es/common.json

@@ -9,10 +9,14 @@
   "loading": "Espere por favor...",
   "dialog-title-info": "guía",
   "settings-info": "Seleccione la opción deseada y se reflejará de inmediato.",
-  "settings-title-1": "Configuración del reproductor",
-  "settings-desc-1": "Puede establecer el entorno de ejecución deseado.",
+  "settings-title-1": "Reproductor: Ver configuración",
+  "settings-desc-1": "Personaliza la interfaz que se muestra en el reproductor.",
   "settings-title-2": "Configuración del tema de la aplicación",
   "settings-desc-2": "Puede elegir el estilo que desee entre el modo claro y el modo oscuro.",
+  "settings-title-3": "Reproductor: Procesador de gráficos",
+  "settings-desc-3": "Personaliza el motor de renderizado de gráficos del jugador. Para usuarios no avanzados, recomendamos seleccionar 'Automático'.",
+  "settings-title-4": "Jugadores: Calidad de gráficos",
+  "settings-desc-4": "Ajusta la calidad de los gráficos del reproductor. Los valores más bajos son más rápidos pero dan como resultado una nitidez gráfica más baja. Los valores más altos pueden degradar el rendimiento.",
   "settings-other-title": "avanzado",
   "settings-other-desc": "Elija configuraciones avanzadas para el comportamiento de la aplicación.",
   "settings-reset-title": "Restablecer los datos de la aplicación",

src/renderer/public/locales/es/menu.json

@@ -31,5 +31,14 @@
   "cancel": "Cancelar",
   "ok": "DE ACUERDO",
   "show-player-controller": "Mostrar controlador de jugador",
-  "replay": "Reanudar"
+  "replay": "Reanudar",
+  "renderer-auto": "automático (recomendado)",
+  "renderer-wgpu-webgl": "wgpu-webgl (recomendado)",
+  "renderer-webgl": "webgl (baja compatibilidad, rápido)",
+  "renderer-canvas": "canvas (lento, se usa cuando los bordes no se dibujan correctamente)",
+  "renderer-webgpu": "webgpu (experimental, actualmente no disponible: reemplazado por wgpu-webgl)",
+  "quality-low": "llanura",
+  "quality-medium": "comúnmente",
+  "quality-high": "alto (recomendado)",
+  "quality-best": "el mejor"
 }

src/renderer/public/locales/fr/common.json

@@ -9,10 +9,14 @@
   "loading": "veuillez patienter un instant...",
   "dialog-title-info": "guide",
   "settings-info": "Sélectionnez l'option souhaitée et elle sera reflétée immédiatement.",
-  "settings-title-1": "paramètres du lecteur",
-  "settings-desc-1": "Vous êtes libre de définir l'environnement d'exécution souhaité.",
+  "settings-title-1": "Lecteur: afficher les paramètres",
+  "settings-desc-1": "Personnalisez l'interface affichée sur le lecteur.",
   "settings-title-2": "Paramètres du thème de l'application",
   "settings-desc-2": "Vous pouvez choisir le style que vous souhaitez entre le mode clair et le mode sombre.",
+  "settings-title-3": "Lecteur: moteur de rendu graphique",
+  "settings-desc-3": "Personnalisez le moteur de rendu graphique du lecteur. Pour les utilisateurs non avancés, nous recommandons de sélectionner 'Automatique'.",
+  "settings-title-4": "Joueurs: qualité graphique",
+  "settings-desc-4": "Ajustez la qualité graphique du lecteur. Les valeurs inférieures sont plus rapides mais entraînent une netteté graphique inférieure. Des valeurs plus élevées peuvent dégrader les performances.",
   "settings-other-title": "Avancée",
   "settings-other-desc": "Choisissez les paramètres avancés pour le comportement de l'application.",
   "settings-reset-title": "Réinitialiser les données de l'application",

src/renderer/public/locales/fr/menu.json

@@ -31,5 +31,14 @@
   "cancel": "Annuler",
   "ok": "OK",
   "show-player-controller": "Afficher le contrôleur du lecteur",
-  "replay": "Redémarrage"
+  "replay": "Redémarrage",
+  "renderer-auto": "automatique (recommandé)",
+  "renderer-wgpu-webgl": "wgpu-webgl (recommandé)",
+  "renderer-webgl": "webgl (faible compatibilité, rapide)",
+  "renderer-canvas": "canvas (lent, utilisé lorsque les bordures ne se dessinent pas correctement)",
+  "renderer-webgpu": "webgpu (expérimental, actuellement indisponible : remplacé par wgpu-webgl)",
+  "quality-low": "modicité",
+  "quality-medium": "communément",
+  "quality-high": "élevé (recommandé)",
+  "quality-best": "le meilleur"
 }

src/renderer/public/locales/ja/common.json

@@ -9,10 +9,14 @@
   "loading": "しばらくお待ちください...",
   "dialog-title-info": "ご案内",
   "settings-info": "希望のオプションを選択すると、すぐに反映されます。",
-  "settings-title-1": "プレーヤー設定",
-  "settings-desc-1": "目的の実行環境を自由に設定します。",
+  "settings-title-1": "プレーヤー：ビュー設定",
+  "settings-desc-1": "プレーヤーに表示されるインターフェイスをカスタマイズします。",
   "settings-title-2": "アプリのテーマ設定",
   "settings-desc-2": "ライトモードとダークモードのどちらでも好きなスタイルを選択できます。",
+  "settings-title-3": "プレーヤー：グラフィックレンダラー",
+  "settings-desc-3": "プレーヤーのグラフィックレンダリングエンジンをカスタマイズします。上級ユーザーでない場合は、「自動」を選択することをお勧めします。",
+  "settings-title-4": "プレーヤー：グラフィック品質",
+  "settings-desc-4": "プレーヤーのグラフィック品質を調整します。低いほど高速ですが、グラフィックのシャープネスが低くなります。高いほどパフォーマンスが低下する可能性があります。",
   "settings-other-title": "高度",
   "settings-other-desc": "アプリの動作の詳細設定を選択します。",
   "settings-reset-title": "アプリデータの初期化",

src/renderer/public/locales/ja/menu.json

@@ -31,5 +31,14 @@
   "cancel": "キャンセル",
   "ok": "OK",
   "show-player-controller": "プレーヤーコントローラーの表示",
-  "replay": "再起動"
+  "replay": "再起動",
+  "renderer-auto": "自動(推奨)",
+  "renderer-wgpu-webgl": "wgpu-webgl(推奨)",
+  "renderer-webgl": "webgl（互換性が低い、速度が速い）",
+  "renderer-canvas": "canvas（速度が遅い、境界線が正しく描かれていないときに使用）",
+  "renderer-webgpu": "webgpu（実験的、現在使用不可：wgpu-webglに置き換え）",
+  "quality-low": "低",
+  "quality-medium": "通常",
+  "quality-high": "高い(推奨)",
+  "quality-best": "最高"
 }

src/renderer/public/locales/ko/common.json

@@ -9,10 +9,14 @@
   "loading": "잠시만 기다려주세요...",
   "dialog-title-info": "안내",
   "settings-info": "원하는 옵션을 선택하면, 즉시 반영됩니다.",
-  "settings-title-1": "플레이어 설정",
-  "settings-desc-1": "원하는 실행 환경을 자유롭게 설정합니다.",
+  "settings-title-1": "플레이어: 보기 설정",
+  "settings-desc-1": "플레이어에 표시되는 인터페이스를 사용자 지정합니다.",
   "settings-title-2": "앱 테마 설정",
   "settings-desc-2": "라이트 모드와 다크 모드 중 원하는 스타일을 선택할 수 있습니다.",
+  "settings-title-3": "플레이어: 그래픽 렌더러",
+  "settings-desc-3": "플레이어 그래픽 렌더링 엔진을 사용자 지정합니다. 고급 사용자가 아닌 경우 '자동'을 선택하는 것이 좋습니다.",
+  "settings-title-4": "플레이어: 그래픽 품질",
+  "settings-desc-4": "플레이어 그래픽 품질을 조정합니다. 낮을 수록 빠르지만 그래픽 선명도가 낮아집니다. 높을 수록 성능이 저하될 수 있습니다.",
   "settings-reset-title": "앱 데이터 초기화",
   "settings-reset-desc": "앱 데이터를 초기 값으로 되돌립니다. 저장된 설정 및 데이터가 영구히 지워집니다!",
   "settings-other-title": "고급",

src/renderer/public/locales/ko/menu.json

@@ -31,5 +31,14 @@
   "cancel": "취소",
   "ok": "확인",
   "show-player-controller": "플레이어 컨트롤러 표시",
-  "replay": "다시 시작"
+  "replay": "다시 시작",
+  "renderer-auto": "자동 (권장)",
+  "renderer-wgpu-webgl": "wgpu-webgl (권장)",
+  "renderer-webgl": "webgl (호환성 낮음, 속도 빠름)",
+  "renderer-canvas": "canvas (속도 느림, 테두리가 올바르게 그려지지 않을 때 사용)",
+  "renderer-webgpu": "webgpu (실험적, 현재 사용 불가: wgpu-webgl로 대체)",
+  "quality-low": "낮음",
+  "quality-medium": "보통",
+  "quality-high": "높음 (권장)",
+  "quality-best": "최상"
 }

src/renderer/public/locales/pt/common.json

@@ -9,10 +9,14 @@
   "loading": "Por favor, espere...",
   "dialog-title-info": "guia",
   "settings-info": "Selecione a opção desejada e ela será refletida imediatamente.",
-  "settings-title-1": "Configurações do jogador",
-  "settings-desc-1": "Você está livre para definir o ambiente de execução desejado.",
+  "settings-title-1": "Player: Exibir configurações",
+  "settings-desc-1": "Personalize a interface exibida no player.",,
   "settings-title-2": "Configurações de tema do aplicativo",
   "settings-desc-2": "Você pode escolher o estilo que deseja entre o modo claro e o modo escuro.",
+  "settings-title-3": "Player: renderizador gráfico",
+  "settings-desc-3": "Personalize o mecanismo de renderização de gráficos do player. Para usuários não avançados, recomendamos selecionar 'Automático'.",
+  "settings-title-4": "Jogadores: qualidade gráfica",
+  "settings-desc-4": "Ajuste a qualidade gráfica do player. Valores mais baixos são mais rápidos, mas resultam em menor nitidez gráfica. Valores mais altos podem degradar o desempenho.",
   "settings-other-title": "avançado",
   "settings-other-desc": "Escolha as configurações avançadas para o comportamento do aplicativo.",
   "settings-reset-title": "Redefinir os dados do aplicativo",

src/renderer/public/locales/pt/menu.json

@@ -31,5 +31,14 @@
   "cancel": "Cancelar",
   "ok": "OK",
   "show-player-controller": "Mostrar controlador do jogador",
-  "replay": "Reiniciar"
+  "replay": "Reiniciar",
+  "renderer-auto": "automático (recomendado)",
+  "renderer-wgpu-webgl": "wgpu-webgl (recomendado)",
+  "renderer-webgl": "webgl (baixa compatibilidade, rápido)",
+  "renderer-canvas": "canvas (lento, usado quando as bordas não são desenhadas corretamente)",
+  "renderer-webgpu": "webgpu (experimental, atualmente indisponível: substituído por wgpu-webgl)",
+  "quality-low": "baixeza",
+  "quality-medium": "comumente",
+  "quality-high": "alto (recomendado)",
+  "quality-best": "o melhor"
 }

src/renderer/screens/Main.tsx

@@ -66,6 +66,8 @@ const Main = () => {
             appConfigAdjustOriginalSize: configs.adjustOriginalSize,
             appConfigShowPlayerVersionSelect: configs.showPlayerVersionSelect,
             appConfigShowPlayerController: configs.showPlayerController,
+            appConfigPreferredRenderer: configs.preferredRenderer,
+            appConfigQuality: configs.quality,
           }),
         );