[Motion Detection] Bewegungserkennung für FHEMWEB

Begonnen von schwatter, 11 Oktober 2026, 10:16:46

Vorheriges Thema - Nächstes Thema

schwatter

Tag,

mit dem Javascript "motion_detection.js" funktioniert Bewegungserkennung direkt im Browser mit FHEMWEB.

Der Anwendungsfall ist vorrangig auf einem Tablet mit FHEMWEB als Dashboard. Getestet mit Chrome und
Http/Https. Aber nur mit Https ist es möglich, FHEMWEB als Webapp zu installieren und Fullscreen zu
erlangen.

- Schwarzer Overlay über allem nach Leerlauf
- Kamera-Bewegungserkennung

Einrichten:
1. Script nach /opt/fhem/www/pgm2 kopieren
2. Fhem neustarten
3. Im passenden FHEMWEB das JS hinzufügen
attr WEBtablet JavaScripts pgm2/motion_detection.js4. Https einrichten für Webapp --> https://forum.fhem.de/index.php?msg=1360621 <--
5. Unten links ist ein transparenter Knopf. 3sek drücken für Menü.
6. Der Button kann durch halten und ziehen verschoben werden.
7 In den Einstellungen des Tablet das Display auf nie aus setzen
8. Falls nicht verfügbar, dann in Entwickleroptionen -> Aktiv bleiben aktivieren

Tip:
1.Für Http muss in chrome://flags/ die Ausnahme "Insecure origins treated as secure" gesetzt werden.
Beispiel: http://192.168.1.76:8084

2. Ich nutze Android 9. Auf meinem FireHD10Plus wird die Statusleiste sowie die Navigationsbuttons
korrekt ausgeblendet. Bei einem Test auf einen Android 16 Handy hat es nicht funktioniert.
Dazu musste ich die /opt/fhem/www/pgm2/manifest.json anpassen. Kleiner Hacken, das Display ist
fast ganz schwarz. Nur der kleine grüne Punkt der Kamera ist sichtbar. Leider ohne root wohl nicht
lösbar...

{
  "id": "/",
  "name": "Home, Sweet Home",
  "short_name": "FHEM",
  "display": "fullscreen",
  "display_override": ["fullscreen", "standalone"],
  "start_url": "/",
  "icons": [
    {
      "src": "/fhem/icons/fhemicon_ios",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Gruß schwatter

rudolfkoenig

Nett...
Vertehe ich richtig: Sinn der Veranstaltung ist, dass der Bildschirm nur dann was anzeigt, wenn jemand davor steht?

schwatter

#2
Ja genau, es erfüllt bei mir den Wunsch Fully am Tablet zu ersetzen

- da Chrome mehr Leistung hat
- Webview nicht genug Performance hat
- der Overlay verhindert einbrennen
- Sprachsteuerung aktiv bleibt. Nicht hier, aber im anderen Thread.

Grenzen. Abdunkeln erledigt im Moment bei mir die Einstellung Disyplayeinstllung automatisch im Androidtablet.
Für richtiges abdunkeln müsste ADB installiert sein. Dann könnte on-top noch etwas eingebaut werden, was
dann zum Beispiel ein notify triggert um Befehle zu senden

adb -s 192.168.1.114:5555 shell settings put system screen_brightness 50
Momentan bin ich aber ganz happy mit Display Helligkeit auf automatisch.

schwatter

Nabend,

neue Version 1.0.1 im ersten Post.

- Drag and Drop
- Tips für Http und manifest.json hinzugefügt

Gruß schwatter

schwatter

Nabend,

Version 1.1.0 im ersten Post

- Screensaver (Uhrzeit/Datum) hinzugefügt

Gruß schwatter