feat(frontend): add AI overlay media stream widgets (deeplab/coco-ssd)#48
Conversation
…b/coco-ssd) and tensorflow deps
BranKein
left a comment
BranKein
left a comment
There was a problem hiding this comment.
47-yhkim -> 42-jslee 병합하고 작업하는걸 극구 추천드려요 SettingDialog 사용하는 위젯들 몇개 있으니 (JsonViewWidget, MediaStreamWidget 등) llm 도 잘 수정해줄거에요
| animationFrameRef.current = window.requestAnimationFrame(() => { | ||
| void runDetection(); | ||
| }); | ||
| }, DETECTION_INTERVAL_MS); |
There was a problem hiding this comment.
이거 detection interval 값 setting dialog 에서 hz 값 조정할 수 있게 하면 좋을듯?
| } | ||
|
|
||
| const filteredDetections: Detection[] = predictions | ||
| .filter((prediction) => prediction.score > SCORE_THRESHOLD) |
| ]} | ||
| /> | ||
| <MosaicWidget.Body> | ||
| {error ? ( |
There was a problem hiding this comment.
MosaicWidget.Root 에 error 필드 있으니 거기로 error 넘기고 삼항연산자 빼주세여 (47-yhkim -> 42-jslee 병합 추천)
| import { MosaicWidget } from "@/components/Dashboard/Widgets/WidgetComponents.tsx"; | ||
| import { useMosaicStore } from "@/hooks/useMosaicStore.ts"; | ||
|
|
||
| const SEGMENTATION_INTERVAL_MS = 100; |
There was a problem hiding this comment.
obj detection widget 처럼 이건 setting dialog 에서 설정 가능하도록
| ]} | ||
| /> | ||
| <MosaicWidget.Body> | ||
| {error ? ( |
There was a problem hiding this comment.
여기도 마찬가지로 Root 에 error 넘기고 삼항연산자 빼주세요
| borderRadius: "8px", | ||
| }} | ||
| /> | ||
| <Box |
| return "media"; | ||
| } | ||
|
|
||
| public validateParams(params: Record<string, any>): string | null { |
There was a problem hiding this comment.
47-yhkim 머지해서 가져와보면 WidgetDescriptor 에 generic type 이 생겼을거에요 해당 위젯의 params 타입 선언하고 넘겨주면 validateParams 에서도 params arg 를 해당 타입으로 받을 수 있어요
| borderRadius: "8px", | ||
| }} | ||
| /> | ||
| <Box |
| </Flex> | ||
| ) : ( | ||
| <Box position="relative" w="100%" h="100%"> | ||
| <video |
There was a problem hiding this comment.
MediaViewerWidget 보면 flipH, flipV 세팅이 있을거에요 그거도 이 object detection media widget 이랑 segmentation media widget 에서 지원하게 해주세요
2 participants
Closes #42
Changes
SegmentationMediaWidget구현ObjectDetectionMediaWidget구현widget descriptor 제약 추가
CI format check 수정
oxfmtto files flagged bynpm run fmt:check