administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-11 05:35:25 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

motion video controls handle current time better

Browse Source
This commit is contained in:
Nicolas Mowen 2024-05-01 10:24:21 -06:00
parent 2e63941598
commit aea4e77d69
1 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/views/events/EventView.tsx
View File

@ -805,6 +805,11 @@ function MotionReview({
return; return;
} }
if (nextTimestamp >= timeRange.before - 4) {
setPlaying(false);
return;
}
const handleTimeout = () => { const handleTimeout = () => {
setCurrentTime(nextTimestamp); setCurrentTime(nextTimestamp);
timeoutIdRef.current = setTimeout(handleTimeout, 500 / playbackRate); timeoutIdRef.current = setTimeout(handleTimeout, 500 / playbackRate);
@ -818,7 +823,7 @@ function MotionReview({
} }
}; };
} }
}, [playing, playbackRate, nextTimestamp]); }, [playing, playbackRate, nextTimestamp, setPlaying, timeRange]);
const { alignStartDateToTimeline } = useTimelineUtils({ const { alignStartDateToTimeline } = useTimelineUtils({
segmentDuration, segmentDuration,
@ -962,7 +967,6 @@ function MotionReview({
)} )}
</div> </div>
{!scrubbing && (
<VideoControls <VideoControls
className="absolute bottom-16 left-1/2 -translate-x-1/2 bg-secondary" className="absolute bottom-16 left-1/2 -translate-x-1/2 bg-secondary"
features={{ features={{
@ -971,6 +975,7 @@ function MotionReview({
playbackRate: true, playbackRate: true,
}} }}
isPlaying={playing} isPlaying={playing}
show={!scrubbing}
playbackRates={[4, 8, 12, 16]} playbackRates={[4, 8, 12, 16]}
playbackRate={playbackRate} playbackRate={playbackRate}
controlsOpen={controlsOpen} controlsOpen={controlsOpen}
@ -990,9 +995,7 @@ function MotionReview({
} }
}} }}
onSetPlaybackRate={setPlaybackRate} onSetPlaybackRate={setPlaybackRate}
show={currentTime < timeRange.before - 4}
/> />
)}
</> </>
); );
} }