Webcam
@5minds/node-red-dashboard-2-ui-webcam — Dashboard-2 UI-Widget für Webcam-Zugriff und Bildaufnahme.
Überblick
Das Webcam-Widget zeigt einen Live-Feed der Gerätekamera in Dashboard 2.0 an und ermöglicht die Aufnahme von Bildern als Base64-PNG.
npm-Paket: @5minds/node-red-dashboard-2-ui-webcam
Version: 1.3.x
Lizenz: Apache-2.0
Node: ui-webcam
Kategorie: Dashboard 2.0
Input
| Feld | Typ | Beschreibung |
|---|---|---|
msg.payload | string | "capture" — löst automatische Bildaufnahme aus |
Output
| Feld | Typ | Beschreibung |
|---|---|---|
msg.payload | string | Base64-String des aufgenommenen Bildes (PNG-Format) |
Features
- Live-Ansicht: Echtzeit-Kamerabild im Dashboard
- Manuelle Aufnahme: Button zum Aufnehmen eines Bildes
- Automatische Aufnahme: Sende
msg.payload = "capture"für programmatische Aufnahme - Kamerawahl: Auswahl verschiedener Kameras über das Drei-Punkte-Menü
- Browser-Kompatibilität: Alle modernen Browser (außer Internet Explorer)
Hinweise
- Bei Remote-Zugriff (nicht
localhost) ist HTTPS erforderlich, da der Browser sonst den Kamerazugriff blockiert - Der Browser fragt vor der Kameraaktivierung um Erlaubnis des Benutzers
- Das aufgenommene Bild wird als PNG im Base64-Format übertragen
Beispiel
[Inject: "capture"] → [ui-webcam] → [Function: Bild speichern]Installation
Im Enterprise Image enthalten. Keine separate Installation erforderlich.
Nächste Schritte
- Audio Capture — Audio-Aufnahme
- Dynamic Form — Formulare erstellen