Web Dashboard

Serves a live, real-time device dashboard directly from this driver's own built-in web server - no separate relay server or computer required. Browse to http://<processor IP>:<Listen Port>/ from any phone/tablet/computer browser on the same network to see it.

What's New in 1.3 - Messages & Calls

A new Messages & Calls icon appears next to the microphone button in the top bar. Tap it to open a panel with a shared group chat for anyone currently viewing this dashboard, plus one-tap voice and video calling between them - like an intercom between rooms/devices in the same household. Tap the message icon next to any online person to switch to a private 1:1 conversation with just them instead of the group.

Calling (voice or video) requires HTTPS, same reason and same fix as Voice Control below - see HTTPS Setup. Chat and presence (seeing who's online) work over plain HTTP too; only the actual call connection needs HTTPS, since browsers block microphone/camera access otherwise.

What's New in 1.2 - Voice Control

A microphone button now appears next to Theme/Sound/Language in the top bar. Tap it and speak a command such as "turn on kitchen light", "set kitchen light to 40", or "mute living room speaker" - it matches the device/media name you configured in Config Settings, then acts on it and gives the same tone/spoken confirmation as tapping it by hand. Commands can be spoken in English or Mandarin Chinese - use the Language button to switch which one voice commands are recognized in.

Voice control requires HTTPS. Browsing directly to http://<processor IP>:<Listen Port>/ on the local network, the microphone button hides itself automatically - this is expected, not an error. To get voice control, this dashboard must be reached through an HTTPS address instead (put an HTTPS reverse proxy in front of this driver's own web server); everything else works exactly the same either way.

What's New in 1.1 - 3D View

The dashboard now includes an optional 3D tab that renders an interactive floor-plan model of the space instead of (or alongside) the flat tile grid:

- In Config Settings, set a Model URL (a .glb 3D model file) under "3D View" for the Main floor, and optionally separate models for Up/Basement - a floor switcher bar appears automatically whenever more than one is set.

- On the dashboard, long-press anywhere on the 3D view to reveal a toolbar with Edit Bindings, Upload Model, Export Bindings and Import Bindings.

- Edit Bindings turns on click-to-bind mode: click any part of the model (a light fixture, a door, a window, a speaker, etc.) to open a picker and bind it to one of the configured Light/Music/Security/Garage slots above.

- Each binding also has its own independent Animation choice, so any slot can use any visual effect: None (just a highlight), Light (a downward glow that brightens/dims with the light's level), Speaker (pulses size and glows while playing), Swinging Door (rotates open/closed on a chosen axis and direction), Sliding Door/Window/Curtain/Garage (slides open/closed on a chosen axis and direction), or Roller Shutter/Blind (rolls up slowly into a housing on a chosen axis and direction). A colored X/Y/Z gizmo appears on the selected part while picking an axis, so it's clear which direction each axis actually points before choosing.

- Upload Model lets you pick a new .glb file for the current floor straight from the browser, without needing Integration Designer.

- Export Bindings downloads all of this floor's part-to-slot bindings as a JSON file to your computer, for backup; Import Bindings restores a previously-exported file (replacing the current bindings with whatever's in the file).

HTTPS Setup

Voice Control and calling (Messages & Calls) both need the browser to trust this page as secure, which a plain http://<processor IP>:<Listen Port>/ address on the local network never is - browsers block microphone/camera access, and hide the microphone button, on any page that isn't HTTPS. To fix this, put a reverse proxy in front of this driver that terminates HTTPS and forwards plain HTTP - including WebSocket upgrades - to this driver's Listen Port.

Caddy (caddyserver.com) is a simple, free option for this: point a domain name at this network (a router port-forward plus, if there is no static IP, a free dynamic-DNS hostname works fine), then a Caddyfile with just:

your-domain.com

reverse_proxy localhost:<Listen Port>

Caddy automatically obtains and renews the HTTPS certificate and correctly forwards WebSocket connections with no extra configuration needed. Any other HTTPS-terminating reverse proxy (nginx, a router or firewall's own HTTPS forwarding feature, etc.) works too, as long as it forwards WebSocket upgrades through unchanged. Once set up, browse to the https:// address instead of the raw processor IP - the rest of the dashboard (tiles, 3D view, etc.) works identically either way.

Setup

1. Set the Listen Port (default 8080) in Config Settings.

2. Fill in Light 1..30 / Media 1..N / Climate 1..N / Garage 1..N / Security 1..N / Keypad 1..N / Scene 1..N Name and related slots for whatever's in the space - leave a slot's Name blank to disable it.

3. Browse to the driver's web address to confirm the tiles show up, and optionally set up the 3D View as described above.

Wiring to real hardware (Programming tab)

This driver does not talk to hardware directly - it is a generic bridge:

- When a browser changes something, this driver fires the matching event (e.g. "Light N Turned On/Off", "Light N Level Changed", "Garage N Open/Close Requested"). Bind these events to whatever driver actually controls that device.

- When the real device changes on its own, call this driver's matching "Set..." function (from that device's own feedback event) so the dashboard stays in sync.

- Each slot type can also be pointed directly at another driver's own SystemVariable ("...Source Variable" / "Lock ... To External Variable" settings) for a live, one-way, no-macro-needed sync instead of wiring events/functions by hand.

Notes

Unit labels must be plain ASCII - the built-in web server sends raw bytes, not UTF-8, so non-ASCII characters such as the degree symbol will not render correctly.