administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 14:47:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #61 from ibs0d/claude/fix-zoom-statistics-WFvOm

Browse Source 
fix: prevent infinite render loop in zoom overlay callbacks
This commit is contained in:
ibs0d 2026-03-16 21:03:29 +11:00 committed by GitHub
commit ce79054590
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
web/src/components/player/LivePlayer.tsx
View File

@ -111,9 +111,16 @@ export default function LivePlayer({
droppedFrameRate: 0, // percentage
});
const onStatsUpdateRef = useRef(onStatsUpdate);
const onLoadingChangeRef = useRef(onLoadingChange);
const onActiveMotionChangeRef = useRef(onActiveMotionChange);
onStatsUpdateRef.current = onStatsUpdate;
onLoadingChangeRef.current = onLoadingChange;
onActiveMotionChangeRef.current = onActiveMotionChange;
useEffect(() => {
onStatsUpdate?.(stats);
}, [stats, onStatsUpdate]);
onStatsUpdateRef.current?.(stats);
}, [stats]);
// camera activity
@ -285,40 +292,24 @@ export default function LivePlayer({
}, [liveReady, isReEnabling]);
useEffect(() => {
if (!onLoadingChange) return;
const loading = !!(
cameraEnabled &&
!offline &&
(!showStillWithoutActivity || isReEnabling) &&
!liveReady
);
onLoadingChange(loading);
}, [
onLoadingChange,
cameraEnabled,
offline,
showStillWithoutActivity,
isReEnabling,
liveReady,
]);
onLoadingChangeRef.current?.(loading);
}, [cameraEnabled, offline, showStillWithoutActivity, isReEnabling, liveReady]);
useEffect(() => {
if (!onActiveMotionChange) return;
const motionVisible = !!(
autoLive &&
!offline &&
activeMotion &&
((showStillWithoutActivity && !liveReady) || liveReady)
);
onActiveMotionChange(motionVisible);
}, [
onActiveMotionChange,
autoLive,
offline,
activeMotion,
showStillWithoutActivity,
liveReady,
]);
onActiveMotionChangeRef.current?.(motionVisible);
}, [autoLive, offline, activeMotion, showStillWithoutActivity, liveReady]);
if (!cameraConfig) {
return <ActivityIndicator />;
@ -453,7 +444,7 @@ export default function LivePlayer({
/>
</div>
{!onLoadingChange &&
{!onLoadingChangeRef.current &&
cameraEnabled &&
!offline &&
(!showStillWithoutActivity || isReEnabling) &&
@ -577,7 +568,7 @@ export default function LivePlayer({
{cameraName}
</Chip>
)}
{!onActiveMotionChange &&
{!onActiveMotionChangeRef.current &&
autoLive &&
!offline &&
activeMotion &&
@ -585,7 +576,7 @@ export default function LivePlayer({
<MdCircle className="mr-2 size-2 animate-pulse text-danger shadow-danger drop-shadow-md" />
)}
</div>
{showStats && !onStatsUpdate && (
{showStats && !onStatsUpdateRef.current && (
<PlayerStats stats={stats} minimal={cameraRef !== undefined} />
)}
</div>