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

Increase padding and use constant

Browse Source
This commit is contained in:
Nicolas Mowen 2024-02-24 16:25:32 -07:00
parent be5420dc7c
commit 69470a558c
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -167,6 +167,7 @@ export default function PreviewThumbnailPlayer({
); );
} }
const PREVIEW_PADDING = 16;
type PreviewContentProps = { type PreviewContentProps = {
review: ReviewSegment; review: ReviewSegment;
relevantPreview: Preview | undefined; relevantPreview: Preview | undefined;
@ -189,7 +190,7 @@ function PreviewContent({
} }
// start with a bit of padding // start with a bit of padding
return Math.max(0, review.start_time - relevantPreview.start - 8); return Math.max(0, review.start_time - relevantPreview.start - PREVIEW_PADDING);
}, []); }, []);
const [lastPercent, setLastPercent] = useState(0.0); const [lastPercent, setLastPercent] = useState(0.0);
@ -220,7 +221,7 @@ function PreviewContent({
(playerRef.current?.currentTime || 0) - playerStartTime; (playerRef.current?.currentTime || 0) - playerStartTime;
// end with a bit of padding // end with a bit of padding
const playerDuration = review.end_time - review.start_time + 8; const playerDuration = review.end_time - review.start_time + PREVIEW_PADDING;
const playerPercent = (playerProgress / playerDuration) * 100; const playerPercent = (playerProgress / playerDuration) * 100;
if ( if (