fix: Creality K1 series camera over MJPEG on :8080 (#38) — K1 SE/K1/K1C/K1 Max go straight to mjpg-streamer, other models fall back to it when WebRTC on :8000 fails; optional camera address in Creality printer settings

Author: BenGlut

renderer/cam/cam.js

@@ -261,6 +261,15 @@ async function startCrePeer(camId, ip) {
   } catch (err) {
     console.warn(`[cam-detach] Creality WebRTC failed for ${ip}:`, err.message);
     stopCrePeer(camId);
+    // No WebRTC service (K1 series) → mjpg-streamer on :8080 (issue #38).
+    const img = document.createElement('img');
+    img.className = 'cam-frame mjpeg-img';
+    img.alt = 'camera';
+    img.draggable = false;
+    img.referrerPolicy = 'no-referrer';
+    img.onload = img.onerror = () => img.closest('.cam-card-body')?.querySelector('.cam-loading-overlay')?.remove();
+    img.src = `http://${ip}:8080/?action=stream`;
+    videoEl.replaceWith(img);
   }
 }
 

renderer/css/40-printers.css

@@ -2936,6 +2936,7 @@ details[open] .pba-step-chev { transform: rotate(90deg); }
 .cam-wall-card .pp-cam-full,
 .cam-wall-card .snap-camera-frame,
 .cam-wall-card .cre-cam-video,
+.cam-wall-card .cre-cam-mjpeg,
 .cam-wall-card img[src*="8898"] { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
 
 /* ½× compact — spans 1 sub-column (half of a normal card) */
@@ -3145,10 +3146,12 @@ details[open] .pba-step-chev { transform: rotate(90deg); }
   .cam-card-body .pp-cam-full,
   .cam-card-body .snap-camera-frame,
   .cam-card-body .cre-cam-video,
+  .cam-card-body .cre-cam-mjpeg,
   .cam-card-body img[src*="8898"],
   .printer-card-thumb .pp-cam-full,
   .printer-card-thumb .snap-camera-frame,
   .printer-card-thumb .cre-cam-video,
+  .printer-card-thumb .cre-cam-mjpeg,
   .printer-card-thumb img[src*="8898"] { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
   /* A feed FILLS its box; the box alone decides the shape. Needed because the
      photo area sizes any image to its intrinsic size (`width/height: auto`,

renderer/css/55-creality.css

@@ -12,7 +12,8 @@
    object-fit:contain keeps the full camera frame visible with letterbox
    bars rather than cropping. Use "cover" if you prefer edge-to-edge fill
    at the cost of slight cropping on non-16:9 streams. */
-.cre-cam-video {
+.cre-cam-video,
+.cre-cam-mjpeg {
   position: absolute;
   top: 0;
   left: 0;

renderer/inventory.js

@@ -87,7 +87,7 @@ import {
   acuLight, acuMove, acuHome, acuMotorsOff, acuFan, acuSetSpeedMode,
 } from './printers/anycubic/index.js';
 import { renderAcuCamBanner } from './printers/anycubic/widget_camera.js';
-import { renderCreCamBanner, startCreCam, stopCreCam, reAttachCreCamConsumers, addCreCamConsumer, removeCreCamConsumer } from './printers/creality/widget_camera.js';
+import { renderCreCamBanner, startCreCam, stopCreCam, reAttachCreCamConsumers, addCreCamConsumer, removeCreCamConsumer, creCamMjpegUrl } from './printers/creality/widget_camera.js';
 import {
   snapKey, snapGetConn, snapIsOnline,
   snapPingPrinter,
@@ -24529,6 +24529,9 @@ import { jobBar, jobBarFill } from './printers/job-bar.js';
       if (p.brand === "creality") {
         const conn = creGetConn(creKey(p));
         if (!conn || conn.status !== "connected" || !conn.ip) return [];
+        // K1 series / custom address → the MJPEG stream (issue #38).
+        const mjpeg = creCamMjpegUrl(conn.ip);
+        if (mjpeg) return [{ brand: "creality", id: p.id, name, camType: "mjpeg", url: mjpeg, bblKey: null, ip: null }];
         return [{ brand: "creality", id: p.id, name, camType: "webrtc",
                   ip: conn.ip, url: null, bblKey: null }];
       }

renderer/locales/de.json

@@ -768,6 +768,8 @@
   "printerHintCrealityIP": "Lokale Netzwerk-IP.",
   "printerHintCrealityAccount": "Immer 'Root' bei Creality K-Serie.",
   "printerHintCrealityPassword": "Klipper / Moonraker Zugangspasswort.",
+  "printerLblCameraUrl": "Kamera-Adresse",
+  "printerHintCrealityCameraUrl": "Optional — die Kamera wird meist von selbst gefunden. Nur für ein eigenes Setup: die Adresse ihres Videostreams.",
   "printerHintElegooIP": "Lokale Netzwerk-IP.",
   "printerHintElegooSerial": "Seriennummer vom Über-Bildschirm.",
   "printerHintElegooMqtt": "Zugangscode aus den Netzwerkeinstellungen des Druckers (Standard: 123456).",

renderer/locales/en.json

@@ -768,6 +768,8 @@
   "printerHintCrealityIP": "Local network IP.",
   "printerHintCrealityAccount": "Always 'Root' on Creality K-series.",
   "printerHintCrealityPassword": "Klipper / Moonraker access password.",
+  "printerLblCameraUrl": "Camera address",
+  "printerHintCrealityCameraUrl": "Optional — the camera is usually found on its own. Only for a custom setup: the address of its video stream.",
   "printerHintElegooIP": "Local network IP.",
   "printerHintElegooSerial": "Serial number from the printer's About screen.",
   "printerHintElegooMqtt": "Access code from the printer's network settings (default: 123456).",

renderer/locales/es.json

@@ -768,6 +768,8 @@
   "printerHintCrealityIP": "IP de la red local.",
   "printerHintCrealityAccount": "Siempre 'Root' en la serie K de Creality.",
   "printerHintCrealityPassword": "Contraseña de acceso Klipper / Moonraker.",
+  "printerLblCameraUrl": "Dirección de la cámara",
+  "printerHintCrealityCameraUrl": "Opcional — la cámara suele encontrarse sola. Solo para una configuración propia: la dirección de su vídeo.",
   "printerHintElegooIP": "IP de la red local.",
   "printerHintElegooSerial": "Número de serie en la pantalla Acerca de.",
   "printerHintElegooMqtt": "Código de acceso desde la configuración de red de la impresora (por defecto: 123456).",

renderer/locales/fr.json

@@ -768,6 +768,8 @@
   "printerHintCrealityIP": "IP locale du réseau.",
   "printerHintCrealityAccount": "Toujours 'Root' sur les Creality K-series.",
   "printerHintCrealityPassword": "Mot de passe d'accès Klipper / Moonraker.",
+  "printerLblCameraUrl": "Adresse de la caméra",
+  "printerHintCrealityCameraUrl": "Facultatif — la caméra est d'habitude trouvée toute seule. Seulement pour une config perso : l'adresse de son flux vidéo.",
   "printerHintElegooIP": "IP locale du réseau.",
   "printerHintElegooSerial": "Numéro de série affiché dans l'écran À propos.",
   "printerHintElegooMqtt": "Code d'accès depuis les réglages réseau de l'imprimante (par défaut : 123456).",

renderer/locales/it.json

@@ -768,6 +768,8 @@
   "printerHintCrealityIP": "IP della rete locale.",
   "printerHintCrealityAccount": "Sempre 'Root' sulle Creality serie K.",
   "printerHintCrealityPassword": "Password di accesso Klipper / Moonraker.",
+  "printerLblCameraUrl": "Indirizzo della videocamera",
+  "printerHintCrealityCameraUrl": "Facoltativo — di solito la videocamera si trova da sola. Solo per una configurazione personalizzata: l'indirizzo del suo flusso video.",
   "printerHintElegooIP": "IP della rete locale.",
   "printerHintElegooSerial": "Numero di serie nella schermata Informazioni.",
   "printerHintElegooMqtt": "Codice di accesso dalle impostazioni di rete della stampante (predefinito: 123456).",

renderer/locales/nl.json

@@ -768,6 +768,8 @@
   "printerHintCrealityIP": "Lokaal netwerk-IP.",
   "printerHintCrealityAccount": "Altijd 'Root' op Creality K-serie.",
   "printerHintCrealityPassword": "Klipper-/Moonraker-toegangswachtwoord.",
+  "printerLblCameraUrl": "Camera-adres",
+  "printerHintCrealityCameraUrl": "Optioneel — de camera wordt meestal vanzelf gevonden. Alleen voor een eigen opstelling: het adres van de videostream.",
   "printerHintElegooIP": "Lokaal netwerk-IP.",
   "printerHintElegooSerial": "Serienummer van het Over-scherm van de printer.",
   "printerHintElegooMqtt": "Toegangscode uit de netwerkinstellingen van de printer (standaard: 123456).",