From 8ecce7153d76dc31db936fcf78d7057adf26bb84 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 9 Nov 2025 12:14:17 +0000
Subject: [PATCH] feat: adds UV4L-MJPEG camera support

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../settings/cameras/CameraConfigDialog.vue          |  1 +
 src/components/widgets/camera/CameraItem.vue         | 12 +++++++++---
 src/locales/en.yaml                                  |  1 +
 src/store/webcams/types.ts                           |  2 +-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/settings/cameras/CameraConfigDialog.vue b/src/components/settings/cameras/CameraConfigDialog.vue
index 94721990a4..2cfc776ab4 100644
--- a/src/components/settings/cameras/CameraConfigDialog.vue
+++ b/src/components/settings/cameras/CameraConfigDialog.vue
@@ -79,6 +79,7 @@
           :items="[
             { text: $t('app.setting.camera_type_options.mjpegadaptive'), value: 'mjpegstreamer-adaptive' },
             { text: $t('app.setting.camera_type_options.mjpegstream'), value: 'mjpegstreamer' },
+            { text: $t('app.setting.camera_type_options.uv4l_mjpeg_stream'), value: 'uv4l-mjpeg' },
             { text: $t('app.setting.camera_type_options.hlsstream'), value: 'hlsstream' },
             { text: $t('app.setting.camera_type_options.webrtc_camera_streamer'), value: 'webrtc-camerastreamer' },
             { text: $t('app.setting.camera_type_options.webrtc_go2rtc'), value: 'webrtc-go2rtc' },
diff --git a/src/components/widgets/camera/CameraItem.vue b/src/components/widgets/camera/CameraItem.vue
index 4124ff8cc9..1b1688c21f 100644
--- a/src/components/widgets/camera/CameraItem.vue
+++ b/src/components/widgets/camera/CameraItem.vue
@@ -112,7 +112,7 @@
 
 <script lang="ts">
 import { Component, Vue, Prop, Watch, Ref } from 'vue-property-decorator'
-import type { WebcamConfig } from '@/store/webcams/types'
+import type { WebcamConfig, WebcamService } from '@/store/webcams/types'
 import type { CameraFullscreenAction } from '@/store/config/types'
 import { CameraComponents } from '@/dynamicImports'
 import CameraMixin from '@/mixins/camera'
@@ -157,8 +157,14 @@ export default class CameraItem extends Vue {
   }
 
   get cameraComponent () {
-    if (this.camera.service) {
-      const componentName = `${startCase(this.camera.service).replace(/ /g, '')}Camera`
+    const cameraService: Exclude<WebcamService, 'uv4l-mjpeg'> | undefined = (
+      this.camera.service === 'uv4l-mjpeg'
+        ? 'mjpegstreamer'
+        : this.camera.service
+    )
+
+    if (cameraService) {
+      const componentName = `${startCase(cameraService).replace(/ /g, '')}Camera`
 
       if (componentName in CameraComponents) {
         return CameraComponents[componentName]
diff --git a/src/locales/en.yaml b/src/locales/en.yaml
index 6c3f98e88e..b5c05fee64 100644
--- a/src/locales/en.yaml
+++ b/src/locales/en.yaml
@@ -578,6 +578,7 @@ app:
       webrtc_camera_streamer: WebRTC (camera-streamer)
       video: IP Camera
       iframe: HTTP page
+      uv4l_mjpeg_stream: UV4L-MJPEG Stream
       webrtc_go2rtc: WebRTC (go2rtc)
       webrtc_mediamtx: WebRTC (MediaMTX)
     camera_rotate_options:
diff --git a/src/store/webcams/types.ts b/src/store/webcams/types.ts
index 4c393435d7..5e5a1ff084 100644
--- a/src/store/webcams/types.ts
+++ b/src/store/webcams/types.ts
@@ -25,7 +25,7 @@ export interface WebcamConfig extends NewWebcamConfig {
   source: WebcamSource;
 }
 
-export type WebcamService = 'mjpegstreamer' | 'mjpegstreamer-adaptive' | 'ipstream' | 'iframe' | 'hlsstream' | 'webrtc-camerastreamer' | 'webrtc-go2rtc' | 'webrtc-mediamtx' | 'device'
+export type WebcamService = 'mjpegstreamer' | 'mjpegstreamer-adaptive' | 'ipstream' | 'iframe' | 'hlsstream' | 'webrtc-camerastreamer' | 'webrtc-go2rtc' | 'webrtc-mediamtx' | 'uv4l-mjpeg' | 'device'
 
 export type WebcamRotation = 0 | 90 | 180 | 270