Improve hwaccel UI config (#22590)

* Add proper labels for hwaccel presets

* Filter presets based on hardware

web/public/locales/en/views/settings.json

@@ -1330,7 +1330,18 @@
       "none": "None",
       "useGlobalSetting": "Inherit from global setting",
       "selectPreset": "Select preset",
-      "manualPlaceholder": "Enter FFmpeg arguments"
+      "manualPlaceholder": "Enter FFmpeg arguments",
+      "presetLabels": {
+        "preset-rpi-64-h264": "Raspberry Pi (H.264)",
+        "preset-rpi-64-h265": "Raspberry Pi (H.265)",
+        "preset-vaapi": "VAAPI (Intel/AMD GPU)",
+        "preset-intel-qsv-h264": "Intel QuickSync (H.264)",
+        "preset-intel-qsv-h265": "Intel QuickSync (H.265)",
+        "preset-nvidia": "NVIDIA GPU",
+        "preset-jetson-h264": "NVIDIA Jetson (H.264)",
+        "preset-jetson-h265": "NVIDIA Jetson (H.265)",
+        "preset-rkmpp": "Rockchip RKMPP"
+      }
     },
     "cameraInputs": {
       "itemTitle": "Stream {{index}}"

web/src/components/config-form/theme/widgets/FfmpegArgsWidget.tsx

@@ -405,7 +405,10 @@ export function FfmpegArgsWidget(props: WidgetProps) {
           <SelectContent>
             {presetOptions.map((preset) => (
               <SelectItem key={preset} value={preset}>
-                {preset}
+                {t(`configForm.ffmpegArgs.presetLabels.${preset}`, {
+                  ns: "views/settings",
+                  defaultValue: preset,
+                })}
               </SelectItem>
             ))}
           </SelectContent>