Polish the snapshot wall and add timed refresh

This commit is contained in:
OpenClaw
2026-04-19 01:53:48 +00:00
parent f818a8da73
commit 22ba58f129
4 changed files with 74 additions and 48 deletions

View File

@@ -6,7 +6,7 @@
<Rectangle id="bg" color="0x101418FF" width="1920" height="1080" />
<Label
id="title"
translation="[80, 80]"
translation="[70, 55]"
width="1760"
height="60"
text="visionLabs"
@@ -14,81 +14,82 @@
color="0xFFFFFFFF" />
<Label
id="subtitle"
translation="[80, 150]"
translation="[70, 108]"
width="1760"
height="40"
text="Labs camera viewer for Roku"
text="Snapshot wall for Roku"
font="font:MediumSystemFont"
color="0xC9D1D9FF" />
<Label
id="backend"
translation="[80, 210]"
translation="[70, 145]"
width="1760"
height="40"
text="Frigate: not loaded"
text="Direct Frigate snapshots"
font="font:SmallSystemFont"
color="0x8B949EFF" />
<Label
id="status"
translation="[80, 260]"
translation="[70, 175]"
width="1760"
height="60"
text="Loading camera config..."
font="font:MediumSystemFont"
height="40"
text="Loading camera wall..."
font="font:SmallSystemFont"
color="0x8B949EFF" />
<Timer id="refreshTimer" repeat="true" duration="15" />
<Poster
id="poster1"
translation="[80, 360]"
width="760"
height="300"
translation="[70, 230]"
width="820"
height="280"
loadDisplayMode="scaleToFit" />
<Label
id="cam1"
translation="[80, 675]"
width="760"
height="70"
translation="[70, 520]"
width="820"
height="40"
text="Cam slot 1"
font="font:MediumSystemFont"
color="0xFFFFFFFF" />
<Poster
id="poster2"
translation="[980, 360]"
width="760"
height="300"
translation="[1030, 230]"
width="820"
height="280"
loadDisplayMode="scaleToFit" />
<Label
id="cam2"
translation="[980, 675]"
width="760"
height="70"
translation="[1030, 520]"
width="820"
height="40"
text="Cam slot 2"
font="font:MediumSystemFont"
color="0xFFFFFFFF" />
<Poster
id="poster3"
translation="[80, 760]"
width="760"
height="300"
translation="[70, 590]"
width="820"
height="280"
loadDisplayMode="scaleToFit" />
<Label
id="cam3"
translation="[80, 1015]"
width="760"
height="50"
translation="[70, 880]"
width="820"
height="40"
text="Cam slot 3"
font="font:MediumSystemFont"
color="0xFFFFFFFF" />
<Poster
id="poster4"
translation="[980, 760]"
width="760"
height="300"
translation="[1030, 590]"
width="820"
height="280"
loadDisplayMode="scaleToFit" />
<Label
id="cam4"
translation="[980, 1015]"
width="760"
height="50"
translation="[1030, 880]"
width="820"
height="40"
text="Cam slot 4"
font="font:MediumSystemFont"
color="0xFFFFFFFF" />