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

Get working

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-04 14:25:53 -07:00
parent 6c400e6717
commit 40baad4a4f
3 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/timeline/MotionSegment.tsx
View File

@ -1,6 +1,6 @@
import { useEventUtils } from "@/hooks/use-event-utils";
import { useEventSegmentUtils } from "@/hooks/use-event-segment-utils";
import { ReviewSegment } from "@/types/review";
import { MotionData, ReviewSegment } from "@/types/review";
import React, {
RefObject,
useCallback,
@ -10,13 +10,12 @@ import React, {
} from "react";
import scrollIntoView from "scroll-into-view-if-needed";
import { MinimapBounds, Tick, Timestamp } from "./segment-metadata";
import { MockMotionData } from "@/pages/UIPlayground";
import { useMotionSegmentUtils } from "@/hooks/use-motion-segment-utils";
import { isMobile } from "react-device-detect";
type MotionSegmentProps = {
events: ReviewSegment[];
motion_events: MockMotionData[];
motion_events: MotionData[];
segmentTime: number;
segmentDuration: number;
timestampSpread: number;

16
web/src/hooks/use-motion-segment-utils.ts
View File

@ -1,9 +1,9 @@
import { useCallback, useMemo } from "react";
import { MockMotionData } from "@/pages/UIPlayground";
import { MotionData } from "@/types/review";
export const useMotionSegmentUtils = (
segmentDuration: number,
motion_events: MockMotionData[],
motion_events: MotionData[],
) => {
const halfSegmentDuration = useMemo(
() => segmentDuration / 2,
@ -42,12 +42,12 @@ export const useMotionSegmentUtils = (
(time: number): number => {
const matchingEvent = motion_events.find((event) => {
return (
time >= getSegmentStart(event.start_time) &&
time < getSegmentEnd(event.start_time)
time > getSegmentStart(event.start_time) &&
time <= getSegmentEnd(event.start_time)
);
});
return matchingEvent?.motionValue ?? 0;
return matchingEvent?.motion ?? 0;
},
[motion_events, getSegmentStart, getSegmentEnd],
);
@ -56,12 +56,12 @@ export const useMotionSegmentUtils = (
(time: number): number => {
const matchingEvent = motion_events.find((event) => {
return (
time >= getSegmentStart(event.start_time) &&
time < getSegmentEnd(event.start_time)
time > getSegmentStart(event.start_time) &&
time <= getSegmentEnd(event.start_time)
);
});
return matchingEvent?.audioValue ?? 0;
return matchingEvent?.audio ?? 0;
},
[motion_events, getSegmentStart, getSegmentEnd],
);

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

@ -567,7 +567,11 @@ function MotionReview({
const { data: motionData } = useSWR<MotionData[]>([
"review/activity",
{ before: timeRange.before, after: timeRange.after },
{
before: timeRange.before,
after: timeRange.after,
scale: segmentDuration / 2,
},
]);
// timeline time