Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

Improve preview loading (#11469)

Browse Source 
* Improve preview loading

* Ensure it works when selecting dates
This commit is contained in:
Nicolas Mowen 2024-05-21 18:30:29 +05:30 committed by GitHub
parent 2a86969f54
commit cc3bbcc303
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/hooks/use-camera-previews.ts
View File

@ -27,31 +27,8 @@ export function useCameraPreviews(
fetchPreviews fetchPreviews
? `preview/${camera}/start/${Math.round(timeRange.after)}/end/${Math.round(timeRange.before)}` ? `preview/${camera}/start/${Math.round(timeRange.after)}/end/${Math.round(timeRange.before)}`
: null, : null,
{ revalidateOnFocus: false, revalidateOnReconnect: false }, { revalidateOnFocus: autoRefresh, revalidateOnReconnect: autoRefresh },
); );
// Set a timeout to update previews on the hour
useEffect(() => {
if (!autoRefresh || !fetchPreviews || !allPreviews) {
return;
}
const callback = () => {
const nextPreviewStart = new Date(
allPreviews[allPreviews.length - 1].end * 1000,
);
nextPreviewStart.setHours(nextPreviewStart.getHours() + 1);
if (Date.now() > nextPreviewStart.getTime()) {
setTimeRange({ after: timeRange.after, before: Date.now() / 1000 });
}
};
document.addEventListener("focusin", callback);
return () => {
document.removeEventListener("focusin", callback);
};
}, [allPreviews, autoRefresh, fetchPreviews, timeRange]);
return allPreviews; return allPreviews;
} }

12
web/src/pages/Events.tsx
View File

@ -163,24 +163,20 @@ export default function Events() {
// preview videos // preview videos
const previewTimes = useMemo(() => { const previewTimes = useMemo(() => {
if (!reviews || reviews.length == 0) {
return undefined;
}
// offset by timezone minutes // offset by timezone minutes
const timestampOffset = getTimestampOffset(Date.now() / 1000); const timestampOffset = getTimestampOffset(Date.now() / 1000);
const startDate = new Date(); const startDate = new Date(selectedTimeRange.after * 1000);
startDate.setMinutes(0, 0, 0); startDate.setMinutes(0, 0, 0);
const endDate = new Date(reviews.at(-1)?.end_time || 0); const endDate = new Date(selectedTimeRange.before * 1000);
endDate.setHours(0, 0, 0, 0); endDate.setHours(endDate.getHours() + 1, 0, 0, 0);
return { return {
after: startDate.getTime() / 1000 + timestampOffset, after: startDate.getTime() / 1000 + timestampOffset,
before: endDate.getTime() / 1000 + timestampOffset, before: endDate.getTime() / 1000 + timestampOffset,
}; };
}, [reviews]); }, [selectedTimeRange]);
const allPreviews = useCameraPreviews( const allPreviews = useCameraPreviews(
previewTimes ?? { after: 0, before: 0 }, previewTimes ?? { after: 0, before: 0 },