Estimated object speed for zones (#16452)

* utility functions * backend config * backend object speed tracking * draw speed on debug view * basic frontend zone editor * remove line sorting * fix types * highlight line on canvas when entering value in zone edit pane * rename vars and add validation * ensure speed estimation is disabled when user adds more than 4 points * pixel velocity in debug * unit_system in config * ability to define unit system in config * save max speed to db * frontend * docs * clarify docs * utility functions * backend config * backend object speed tracking * draw speed on debug view * basic frontend zone editor * remove line sorting * fix types * highlight line on canvas when entering value in zone edit pane * rename vars and add validation * ensure speed estimation is disabled when user adds more than 4 points * pixel velocity in debug * unit_system in config * ability to define unit system in config * save max speed to db * frontend * docs * clarify docs * fix duplicates from merge * include max_estimated_speed in api responses * add units to zone edit pane * catch undefined * add average speed * clarify docs * only track average speed when object is active * rename vars * ensure points and distances are ordered clockwise * only store the last 10 speeds like score history * remove max estimated speed * update docs * update docs * fix point ordering * improve readability * docs inertia recommendation * fix point ordering * check object frame time * add velocity angle to frontend * docs clarity * add frontend speed filter * fix mqtt docs * fix mqtt docs * don't try to remove distances if they weren't already defined * don't display estimates on debug view/snapshots if object is not in a speed tracking zone * docs * implement speed_threshold for zone presence * docs for threshold * better ground plane image * improve image zone size * add inertia to speed threshold example
2026-08-01 16:42:18 +03:00 · 2025-02-10 13:23:42 -07:00
parent dd7820e4ee
commit 72209986b6
25 changed files with 1030 additions and 79 deletions
@@ -61,6 +61,7 @@ export default function MasksAndZonesView({
  );
  const containerRef = useRef<HTMLDivElement | null>(null);
  const [editPane, setEditPane] = useState<PolygonType | undefined>(undefined);
+  const [activeLine, setActiveLine] = useState<number | undefined>();

  const { addMessage } = useContext(StatusBarMessagesContext)!;

@@ -161,6 +162,7 @@ export default function MasksAndZonesView({
      ...(allPolygons || []),
      {
        points: [],
+        distances: [],
        isFinished: false,
        type,
        typeIndex: 9999,
@@ -238,6 +240,8 @@ export default function MasksAndZonesView({
            scaledWidth,
            scaledHeight,
          ),
+          distances:
+            zoneData.distances?.map((distance) => parseFloat(distance)) ?? [],
          isFinished: true,
          color: zoneData.color,
        }),
@@ -267,6 +271,7 @@ export default function MasksAndZonesView({
          scaledWidth,
          scaledHeight,
        ),
+        distances: [],
        isFinished: true,
        color: [0, 0, 255],
      }));
@@ -290,6 +295,7 @@ export default function MasksAndZonesView({
          scaledWidth,
          scaledHeight,
        ),
+        distances: [],
        isFinished: true,
        color: [128, 128, 128],
      }));
@@ -316,6 +322,7 @@ export default function MasksAndZonesView({
                scaledWidth,
                scaledHeight,
              ),
+              distances: [],
              isFinished: true,
              color: [128, 128, 128],
            };
@@ -391,6 +398,7 @@ export default function MasksAndZonesView({
                setIsLoading={setIsLoading}
                onCancel={handleCancel}
                onSave={handleSave}
+                setActiveLine={setActiveLine}
              />
            )}
            {editPane == "motion_mask" && (
@@ -653,6 +661,7 @@ export default function MasksAndZonesView({
                  activePolygonIndex={activePolygonIndex}
                  hoveredPolygonIndex={hoveredPolygonIndex}
                  selectedZoneMask={selectedZoneMask}
+                  activeLine={activeLine}
                />
              ) : (
                <Skeleton className="size-full" />