hex-browserHMI-Runtimefür Ihre App

Als Teil von Tempo2Market ist hex-browser die sichtbare Front Ihres Geräts. Ihre App läuft dort im Kiosk-Modus. Dahinter abstrahieren wir das Betriebssystem, während Fleet Warden Fernwartung bereitstellt.

Ihre Anwendung definiert das Produkt. hex-browser übernimmt die Verwaltung.

HMI-Betrieb

Als echtes Produkt braucht Ihre App mehr als UI-Code

Auf dem Gerät braucht Ihre App Display-Handling, Eingabe, Kiosk-Modus, Konfiguration und Fernwartung. Genau diese Schicht liefert hex-browser.

Infrastruktur rund um die Anwendung

Tempo2Market liefert die nicht differenzierende Infrastruktur rund um Ihre Anwendung, während Fleet Warden den Flottenbetrieb ergänzt. Ihr Team kann sich auf das konzentrieren, was das Gerät wertvoll macht: den Kundennutzen.

Reduziert nicht differenzierende Arbeit Ihre Entwickler arbeiten am Kundennutzen statt am Betriebssystem.

Bleibt im Feld erreichbar Fleet Warden versorgt Ihr Produkt mit Security Updates und macht es per Fernzugriff supportfähig.

Architektur

Wo hex-browser in Ihrem Produkt-Stack sitzt

Ihre Anwendung bleibt die sichtbare Oberfläche. hex-browser macht sie auf dem Gerät zuverlässig betreibbar, Tempo2Market liefert die Embedded-Plattform, und Fleet Warden hält die Installation im Feld erreichbar.

Unterstützte Runtimes

HTML5 in aktuellem Chromium

Chrome-Kompatibilität mit schlankem Footprint

hex-browser betreibt Chromium RAM-optimiert für beste Kompatibilität mit modernen Webframeworks. Chrome DevTools werden wie bei der Desktop-Variante voll unterstützt.

So erhalten Sie schlanken Embedded-Betrieb, ohne auf Chromium-Kompatibilität, moderne Frameworks und Chrome DevTools zu verzichten.

Natives Flutter

Vom Smartphone aufs Panel

Ihre Flutter-App läuft nativ im hex-browser statt als Web-Inhalt. So wird aus einer Smartphone-Oberfläche eine flüssige Kiosk-HMI.

Der von hexDEV entwickelte native Flutter-Embedder integriert Rendering, Touch, Tastatur, Display-Metriken und Lifecycle in die Tempo2Market-Welt. Ihre UI bleibt Flutter, hex-browser übernimmt den Embedded-Betrieb darum herum.

Die Flutter-App kann lokal auf dem Gerät liegen oder wie eine Web-Seite vom Server kommen.

QML

Native Oberflächen ohne Browser-Stack

QML ermöglicht moderne Bedienoberflächen, ohne dafür eine Chromium-Runtime zu starten. So entstehen native Panels mit weniger Overhead gerade auch auf kostenoptimierter Hardware.

QML ist eine deklarative, JavaScript-nahe UI-Sprache für dynamische Oberflächen. In hex-browser können QML-Szenen lokal auf dem Gerät liegen oder wie Webseiten vom Server kommen.

QML passt dort, wo Custom-HMIs schnell entstehen, angepasst und ausprobiert werden sollen. Vibecoding wird praktisch, weil hex-browser geänderte QML-Dateien automatisch neu lädt. Für Automatisierungsnähe wie OPC UA bleibt QML die Oberfläche, während Protokolle und Gerätezugriff über native Anbindungen laufen.

Native Plugins

Kompilierte Erweiterungen für Ihr Gerät

Mit der C++-Toolchain aus Tempo2Market bauen Sie native Plugins für native Performance.

Mit einem nativen Plugin wird projektspezifische Geräteintegration zur Erweiterung statt zum Plattformumbau. Das spart Aufwand, weil Betriebssystem, Runtime und Updatepfad stabil bleiben, während nur die Projektlogik ergänzt wird.

Wir stellen ein Beispielplugin in unserem GitHub-Repo bereit.

RTSP-Livestreams

Kamerabilder direkt im Kiosk-HMI

hex-browser zeigt Live-Video direkt in Ihrer HMI. Kameras, Anlagenbilder und Monitoring laufen dort, wo Bediener ohnehin arbeiten.

Der RTSP-Player ist fest in hex-browser integriert. Streams starten mit der passenden Ansicht, stoppen im Hintergrund und verbinden sich bei Problemen automatisch neu. So bleibt das Livebild im Bedienkontext der Maschine.

Einsatzkontext

hex-browser's runtimes in Aktion

Für unbeaufsichtigte Geräte gebaut

Kompaktes Fact-Sheet für Teams, die hex-browser bewerten wollen:

Kiosk-Modus

Verwaltet HMI-Anwendungen im Vollbild-Modus für unbeaufsichtigte Geräte. Es gibt keine Desktop-Umgebung.

RAM-optimiertes Chromium

Bringt aktuelles Chromium auf Geräte mit knappem RAM, ohne auf Web-Kompatibilität und DevTools zu verzichten.

Runtime-Flexibilität

Wir integrieren jede Runtime, die Ihr Produkt braucht. Siehe auch: unterstützte Runtimes.

Service ohne Anfahrt

Fleet Warden bringt VNC, LIVE-Fernwartung und OTA-Updates für zeitgerechte Support-Workflows.

Watchdog & Recovery

Bringt Kiosk-Systeme nach Fehlern wieder hoch, ohne dass ein Techniker vor dem Gerät stehen muss.

Konfigurierbar

Wir machen konfigurierbar, was Sie benötigen. Siehe auch: JSON-Konfiguration.

Kein Cloud-Zwang

HMI, lokaler Speicher und Recovery bleiben auf dem Zielsystem. Cloud ist optional für Updates, Diagnose und Support.

CRA-Ready

Security-Updates für Produkte, die auch nach Auslieferung sicher bleiben müssen.

Inbetriebnahme

So kommt hex-browser auf Ihr Gerät

Der Einstieg ist einfach, wenn Tempo2Market bereits vom Gerätehersteller mitgeliefert wird. Für eigene Hardware kann die Plattform portiert oder durch hexDEV integriert werden.

Gerät mit Tempo2Market kaufen

Wenn der Hersteller hexDEVs Tempo2Market bereits integriert, konfigurieren Sie nur noch Ihre Anwendung.

URL einstellen, optional App aufs Gerät kopieren
Inhalte, Plugins oder Assets vom Hersteller ins Image legen lassen
Fleet Warden ist für Betrieb und Support bereits angebunden, einfach einloggen auf fleetwarden.de

Auf eigene Hardware bringen

Für eigene Hardware gibt es zwei Wege: Ihr Team integriert den OE/Yocto-Layer selbst oder hexDEV übernimmt die Portierung.

Basis: meta-hexdev im Board Support Package
Integration: Display, Touch, Netzwerk und Services
CRA-Ready: Secure Boot und eindeutige Schlüssel für Updates und Fernwartung

Kontaktanfrage

Sprechen wir über Ihr Gerät

Technisches Gespräch vereinbaren

JSON-Konfiguration für hex-browser

Einstellungen lassen sich in der Admin-UI klicken. Die gleiche Konfiguration bleibt als JSON für Rollout, Review und Automatisierung verfügbar.

Admin-UI

Erst klicken, dann als JSON ausrollen

Techniker passen Display- und URL-Einstellungen visuell an. Engineering behält dahinter das exakte JSON-Modell für reproduzierbare Geräteflotten.

Screenshot anklicken zum Vergrößern.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`Tabs`	Array oder Objekt-Map	PanelView-Tab-Parser	Primaeres Tab-Modell. Wenn es fehlt oder keine nutzbaren Eintraege liefert, faellt die Runtime auf Legacy-Tab-Keys und zuletzt auf einen eingebauten Default-Web-Tab zurueck.
`tabs`Alias	Array oder Objekt-Map	PanelView-Tab-Parser	Kleingeschriebener Alias fuer `Tabs`.
`URL_Tab_*`Legacy	String-URL pro Tab-ID-Suffix	Legacy-Parser auf Top-Level	Legacy-Tab-Definition. Das Suffix wird zur Tab-ID, die Eintraege werden sortiert, und passende `Info_Tab_*`-Werte werden als Labels verwendet.
`Info_Tab_*`Legacy	Optionales String-Label	Legacy-Parser auf Top-Level	Optionaler Label-/Titel-Partner fuer einen `URL_Tab_*`-Eintrag.
`Tabs[].id \| name \| key`	String	Tab-Metadaten	Stabile Tab-Kennung. Bei Duplikaten haengt PanelView Suffixe an. Der erste geparste Tab wird zum bevorzugten Start-Tab.
`Tabs[].label \| title`	String	Tab-Metadaten	Sichtbares Label fuer Navbar und Tab-Lister.
`Tabs[].url \| URL \| Url \| startURL \| startUrl \| start_url \| src \| source \| path \| href`	String-URL oder Quellpfad	Tab-Inhaltsroute	Eigentliches Tab-Ziel. `http(s)` wird zum Chromium-Tab, `rtsp(s)` zum RTSP-Player, `file://.qml` oder `<qml>...` zum QML-Tab und `file://.so` oder `<so>...` zum nativen Plugin-Tab.
`Tabs[].enabled \| disabled`	Boolean-aehnlicher Wert	Filter pro Tab-Eintrag	Erlaubt das Ueberspringen eines Tabs, ohne ihn zu loeschen. Der Parser akzeptiert Booleans, Zahlen und Strings wie `true/false`, `1/0`, `yes/no` oder `on/off`.
`SpecialURL`Derzeit nicht aktiv	String-URL	PanelView-Sonderroute fuer Konfiguration	Eine `specialURL`-Property existiert in QML weiterhin mit dem Default `http://localhost/conf/`, aber die JSON-Anwendung ist in `main.qml` auskommentiert. Dieser Key ist aktuell also nicht aktiv.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`isNavbarSlidable`	true \| false	InputEventHandler / Navbar-Gestenebene	Aktiviert die Slide-Geste zum Oeffnen und Schliessen der Navbar.
`isNavbarShownAtStart`	true \| false	Initialzustand der Navbar	Startet mit bereits sichtbarer Navbar und aktiviert den initialen Einmal-Zustandswechsel im Input-Handler.
`isNavbarOverlay`	true \| false	Window-Layout	Laesst die Navbar ueber dem Inhalt schweben, statt den Inhaltsbereich nach unten zu druecken.
`isNavbarTransparent`	true \| false	Navbar-Rendering	Aktiviert partielle Transparenz fuer die Navbar im Overlay-Modus und waehrend des Ziehens im Nicht-Overlay-Modus.
`isGUI3dOptic`	true \| false	Navbar- / Dialog-Styling	Aktiviert die 3D-Optik fuer Navbar und Tab-Lister-Dialog.
`NavbarBaseColor`	CSS-aehnlicher Farbstring	Abgeleitete Navbar-Palette	Setzt die Grundfarbe fuer die abgeleitete Palette der Shell-Oberflaeche.
`IconStyle`	`symbol` \| `number` \| `letter` \| `favicon`	Tab-Icon-Ableitung	Waehlt, wie Tab-Icons erzeugt werden. Bei `BackgroundLifecycleState=discarded` erzwingt der Code `symbol`, falls `favicon` mit verworfenen Tabs kollidiert.
`isScreenshotButton`	true \| false	Sichtbarkeit von Navbar-Buttons	Blendet die Screenshot-Schaltflaeche ein oder aus.
`isTabListerButton`	true \| false	Sichtbarkeit von Navbar-Buttons	Blendet die Tab-Lister-Schaltflaeche ein oder aus.
`isHardResetAllButton`	true \| false	Sichtbarkeit von Navbar-Buttons	Blendet die Schaltflaeche fuer Hard-Reset aller Tabs ein oder aus.
`isDownloadAllowed`	true \| false	Download-Manager	Erlaubt oder verbietet Downloads aus Web-Inhalten global.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`Lang`	Sprach- oder Accept-Language-String	Web-Profil + Auswahl der Tastatur-Locale	Setzt `httpAcceptLanguage` fuer Web-Tabs und speist zugleich die Locale-Auswahl der virtuellen Tastatur mit dem am besten passenden verfuegbaren Locale.
`KeyboardLocales`	Array oder String-Liste	Qt-Einstellungen der virtuellen Tastatur	Beschraenkt die aktiven Tastatur-Locales. Strings duerfen durch Leerzeichen, Kommata oder Semikolons getrennt sein, `-` wird zu `_` normalisiert, und ein leeres Ergebnis bedeutet: alle Locales bleiben aktiv.
`KeyboardWidthPercent`	Integer-Prozentwert	InputPanel-Layout	Steuert die Breite des virtuellen Tastatur-Panels.
`KeyboardShowMode`	`auto` \| `numpad` \| `full`	Keyboard-Mode-Controller	Waehlt automatisches Layout, erzwungenes Numpad oder volle Tastatur. In erzwungenen Modi injiziert der Controller eine `123`/`ABC`-Umschalttaste.
`isKeyboardFloating`	true \| false	Window / Panel-Groessenverhalten	Laesst die Tastatur ueber dem Inhalt schweben, statt den Panel-Bereich zu verkleinern.
`isKeyboardAlwaysVisible`	true \| false	Fensterzustand der Tastatursichtbarkeit	Haelt die virtuelle Tastatur sichtbar, auch ohne normale fokusgesteuerte Show/Hide-Uebergaenge.
`isKeyboardQuirkAutofocus`	true \| false	Primaer Web-Tabs	Injiziert ein Fokus-Workaround-Script fuer schwierige Web-Inputs, die die virtuelle Tastatur sonst nicht ausloesen.
`isGoBackForwardSwipeable`	true \| false	InputEventHandler	Aktiviert Link/Rechts-Swipe-Navigation fuer den aktiven Tab.
`isHoverMoveEventsSuppressed`	true \| false	Event-Filter des InputEventHandler	Unterdrueckt Hover-Move-Event-Traffic, wenn der Plattform-Input-Stack zu viel Pointer-Rauschen erzeugt.
`isTabListerSwipe`	true \| false	Geste-Ebene des InputEventHandler	Erlaubt die Geste, die den Tab-Lister per Swipe oeffnet.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`isDesktopMode`	true \| false	WebEngineProfile	Steuert den User-Agent-Modus. `true` behaelt den Desktop-User-Agent, `false` schreibt ihn in einen Android-Mobilstil um.
`Scale`	Zahl	View-Property `zoomFactor`	Mappt direkt auf den WebEngine-Zoom. Andere View-Typen akzeptieren die Property, setzen aktuell aber kein sichtbares Skalierungsverhalten um.
`VerboseConsole`	true \| false	Web-Tabs, RTSP-View, Plugin-Argumente	Schaltet ausfuehrlichere Runtime-Logs ein und wird an native Plugin-Argumente weitergereicht.
`isMicAndDevicesAllowed`	true \| false	Web-Permission-Handler	Akzeptiert oder verweigert Mikrofon- und Geraete-Permission-Requests aus Web-Inhalten automatisch.
`isUploadAllowed`	true \| false	Web-Dateidialog-Handler	Erlaubt oder blockiert Upload-Dateidialoge aus Web-Inhalten.
`DisableContextMenu`	true \| false (`true` unterdrueckt es)	Web-Kontextmenue-Requests	Akzeptiert den Context-Menu-Request, damit das eingebaute WebEngine-Kontextmenue nicht erscheint.
`InsaneAllowCertificateError`	true \| false	Web-Zertifikatsfehler-Handler	Akzeptiert Zertifikatsfehler in Web-Tabs. Der Name ist bewusst direkt: Das ist ein absichtlicher unsicherer Bypass.
`isShowScrollbars`	true \| false	WebEngine-Settings	Schaltet WebEngine-Scrollbars ein oder aus.
`isAutoPopupsBlocked`	true \| false	Web-Popup-Policy	Blockiert nicht benutzerinitiierte Popups, wenn aktiviert.
`isOpenPopupDialogInOverlay`	true \| false	Routing fuer Web-Popups/Dialoge	Leitet Popup-Dialoge in den Overlay-Pfad, statt sie als unverwaltete Fenster entkommen zu lassen.
`isOpenPopupWindowInOverlay`	true \| false	Routing fuer Web-Popups/Fenster	Leitet Popup-Fenster, wenn moeglich, in den Overlay-Pfad.
`isReloadOnTabChange`	true \| false	Web-Tabs und RTSP-Tabs	Laedt den aktiven Web-Tab bei Aktivierung neu und oeffnet RTSP-Streams erneut, wenn die View wieder sichtbar wird. Aktuelle QML-/Plugin-Views exponieren den Flag, implementieren aber keinen eigenen Reload-on-Activate-Pfad.
`isZoomGestureEnabled`	true \| false	Fruehe Chromium-Startup-Flags	Wenn deaktiviert, haengt der Start `--disable-pinch` an, sodass Pinch-Zoom-Gesten in Chromium ausgeschaltet werden.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`PersistentWebStoragePath`	Verzeichnispfad	Root fuer persistenten Web-Speicher	Definiert, wo Disk-Cache und persistenter Web-Speicher liegen, wenn Persistenz aktiviert ist. Der Pfad wird bei Bedarf angelegt und bei Ungueltigkeit oder Aufloesung zu `/` abgelehnt.
`isPersistentWebStorage`	true \| false	Web-Profil-Erzeugung + Startup-Bereinigung	Aktiviert diskbasierten Cache/Speicher. Bei `false` oder `undefined` loescht hex-browser den persistenten Web-Speicherbaum beim Start und versucht dabei, ein darin liegendes Screenshot-Verzeichnis zu erhalten.
`PersistentScreenshotPath`	Verzeichnispfad	Screenshot-Speicher	Zielverzeichnis fuer Screenshots.
`BrightnessFilename`	Beschreibbarer Backlight-Dateipfad, optional mit einem `*`-Wildcard	Backlight-Steuerung des Browsers	Zeigt auf die Helligkeits-Sysfs-Datei. Der Code unterstuetzt ein Wildcard-Segment, damit Deployments wechselnde Backlight-Geraetenamen verkraften.
`DefaultBrightness`	Integer oder `-1`	Backlight-Restore-Pfad	Helligkeit, die nach Start oder Screensaver-Ende wiederhergestellt wird. Leere, ungueltige oder negative Werte fallen auf die Panel-Maximalhelligkeit zurueck; zu kleine Werte werden auf etwa 10% des Maximums angehoben.
`ScreenSaverTimeout`	Minuten	Screensaver-Timer	Idle-Timeout, bevor der Screensaver sichtbar wird und die Display-Power-Off-Logik startet.
`RestartTimeout`	Minuten	Wake-Pfad des Screensavers	Misst die Zeit im Screensaver-Modus. Wenn das Timeout ueberschritten wird, loest das Verlassen des Screensavers einen Hard-Reset aller Tabs aus.
`ScreenSaverSuspendLevel`	`0` \| `1` \| `2` \| `3` \| `4`	Display-Power-Off- / Suspend-Pfad	Waehlt, wie aggressiv das Screensaver-Power-Handling wird: `0` setzt nur die Helligkeit auf null, `1` schaltet zusaetzlich das Display aus, `2` nutzt den Watch-Mode-Neustartpfad und `3/4` versuchen System-Suspend mit Fallback bei Bedarf.
`BackgroundLifecycleState`	`active` \| `frozen` \| `discarded`	Hintergrund-Web-Tabs	Definiert, wie inaktive Chromium-Tabs behandelt werden. `discarded` ist der staerkste Modus zur Speichereinsparung und im aktuellen QML der Default.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`TimeZone`	Zonenname wie `Europe/Berlin`	Prozessumgebung (`TZ`)	Exportiert `TZ`, wenn die passende Datei unter `/usr/share/zoneinfo/...` existiert, damit libc und Runtime die konfigurierte Zeitzone nutzen.
`isDarkMode`	true \| false	Window-Farben, Qt-Style-Hints, Chromium-Startup-Flags	Schaltet die Shell zwischen hell und dunkel um, aktualisiert `Qt.styleHints.colorScheme` und haengt einen Chromium-Blink-Override an, damit `prefers-color-scheme` wie gewuenscht funktioniert.
`ScreenRotation`	`0` \| `90` \| `180` \| `270`	Window-/Root-Rotation und Startup-Umgebung	Dreht die sichtbare UI und speist zugleich den fruehen Startup-Rotationszustand, den Anwendung und VNC-Pfad verwenden.
`StartupSplashscreenMaxTimeoutSec`	Sekunden, begrenzt auf `0..180`	StartupLogo-Resolver	Maximale Dauer des Startup-Splashscreens. `0` deaktiviert den Splash vollstaendig.
`ttm.logo-custom`	true \| false	StartupLogo-Resolver	Aktiviert das Laden eines benutzerdefinierten Splashs, ist aber nur relevant, wenn das Splash-Timeout groesser null ist.
`ttm.logo-partuuid`	Partitions-UUID-String	StartupLogo-Resolver	Waehlt die gemountete Partition, aus der ein benutzerdefiniertes Splash-Logo geladen werden darf. Leere Werte fallen auf die eingebaute Default-PARTUUID zurueck.
`ttm.logo-path`	Sicherer relativer Pfad auf dieser Partition	StartupLogo-Resolver	Relativer Pfad zum benutzerdefinierten Splash-Bild. Der Resolver lehnt unsichere Pfade ab und akzeptiert nur lesbare PNG- oder BMP-Dateien.
`isRemoteDebuggingEnabled`	true \| false	Fruehe Chromium-Startup-Umgebung	Aktiviert Qt-WebEngine-Remote-Debugging auf `0.0.0.0:9222`.

JSON-Key	Werte	Wirkt in	Feature / Verhalten
`ReloadPageInterval`	Sekunden	Periodischer Reload-Timer	Laedt den aktiven reloadbaren Tab in einem Intervall neu. Web-Tabs bevorzugen `ReloadAndBypassCache`, damit periodische Aktualisierungen nicht unnötig HTTP-Cache-Wachstum verursachen.
`ReloadPageIntervall`Legacy	Sekunden	Periodischer Reload-Timer	Legacy-Key mit Schreibfehler, der weiterhin auf dasselbe Reload-Intervall wie `ReloadPageInterval` gemappt wird.
`isVNCEnabled`	true \| false	VNC-Server-Start	Schaltet den eingebauten VNC-Server ein oder aus. Wenn aktiviert, liest der Start zusaetzlich die zugehoerigen Keys fuer Port, Passwort, Adresse und Rotation.
`VNCPort`	Integer-Port, Default `5910`	Bind-Settings des VNC-Servers	TCP-Port des VNC-Servers.
`VNCPassword`	String, leer erlaubt	VNC-Authentifizierung	Passwort, das an den VNC-Server uebergeben wird. Leer bedeutet: kein Passwort konfiguriert.
`VNCRotation`	`0` \| `90` \| `180` \| `270`	Rotation des erfassten VNC-Frames	Rotation fuer den VNC-Stream. Der Code normalisiert sie gegen `ScreenRotation`, damit die Rotation der erfassten Szene absolut bleibt.
`isVNCAddressAny`	true \| false	VNC-Bind-Adresse	Bei `true` bindet der VNC-Server an jede Adresse. Bei `false` bindet er nur an localhost.
`ResetThresholdRssMiB`	MiB-Schwellenwert	ResetThresholdMonitor	RSS-Speicherschwelle, die einen Hard-Reset aller Tabs ausloesen kann, wenn der Monitor den Prozess als ueber Budget bewertet.
`ResetThresholdCpuPercent`	CPU-Prozentschwelle	ResetThresholdMonitor	CPU-Schwelle, die gemeinsam mit der RSS-Schwelle fuer automatisierte Recovery-Entscheidungen verwendet wird.