diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx index 34d61d684..ef24095d8 100644 --- a/web/src/views/live/LiveCameraView.tsx +++ b/web/src/views/live/LiveCameraView.tsx @@ -142,8 +142,11 @@ export default function LiveCameraView({ const [{ width: windowWidth, height: windowHeight }] = useResizeObserver(window); - // supported features + // camera enabled state + const { payload: enabledState } = useEnabledState(camera.name); + const cameraEnabled = enabledState === "ON"; + // supported features const [streamName, setStreamName] = usePersistence( `${camera.name}-stream`, Object.values(camera.live.streams)[0], @@ -157,7 +160,7 @@ export default function LiveCameraView({ ); const { data: cameraMetadata } = useSWR( - isRestreamed ? `go2rtc/streams/${streamName}` : null, + (cameraEnabled && isRestreamed) ? `go2rtc/streams/${streamName}` : null, { revalidateOnFocus: false, }, @@ -192,9 +195,7 @@ export default function LiveCameraView({ ); }, [cameraMetadata]); - // camera enabled state - const { payload: enabledState } = useEnabledState(camera.name); - const cameraEnabled = enabledState === "ON"; + // click overlay for ptzs