Cameras card
Live cameras: a big view, a pill per camera, and what they’ve noticed lately. Detections draw a box, and a tap goes full screen.
Variations
Section titled “Variations”3 samples, each at every size that draws differently, then in chat, in the light theme, and as a ring where it has a headline.
cameras
Section titled “cameras”
Tall draws the same as medium, so it isn't shown. Only the empty space changes.
cameras · one
Section titled “cameras · one”
Small draws the same as medium. Wide draws the same as medium. Tall draws the same as medium, so they aren't shown. Only the empty space changes.
cameras · none
Section titled “cameras · none”
Small draws the same as medium. Wide draws the same as medium. Tall draws the same as medium, so they aren't shown. Only the empty space changes.
Fields
Section titled “Fields”Every card also takes the fields all cards share.
| Field | Type | What it does |
|---|---|---|
type | 'cameras' | |
cameras | Camera[] | |
events? | CameraEvent[] | |
refresh? | number | |
empty? | string | |
sample? | boolean |
refresh: seconds between pictures, 1 by default; sample: recorded footage, never called live
Camera
Section titled “Camera”| Field | Type | What it does |
|---|---|---|
id | string | |
name | string | |
image? | string | the current picture, fetched again about once a second while it’s on screen |
video? | string | a stream or file to play instead, muted; if it can’t play, image takes over |
poster? | string | a still for the pill, and to show until the video starts |
loop? | number | video is a loop of this many seconds, kept in step with the clock |
offline? | boolean | |
detections? | Detection[] | what it sees right now |
Detection
Section titled “Detection”Something a camera sees: box is [x, y, w, h] in fractions of the picture. A path moves it instead, as [t, x, y, w, h] keyframes in seconds of the clock (or of the camera’s loop), so the box glides between updates.
| Field | Type | What it does |
|---|---|---|
label | string | |
score? | number | |
box? | [number, number, number, number] | |
path? | [number, number, number, number, number][] |
CameraEvent
Section titled “CameraEvent”| Field | Type | What it does |
|---|---|---|
id? | string | |
camera | string | |
label | string | |
at | number | |
image? | string | |
score? | number |
camera: a Camera’s id; at: ms