기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제. (node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1.5 KiB
1.5 KiB
선형·드론궤적 토글을 재생바 버튼으로 이동
소요 시간: 약 12분 Context 사용량: input ~210k / output ~13k tokens
결론
영상 오버레이의 "선형(중심선)"·"드론 궤적" 표시 토글을 하단 재생바(VideoPlayer)의 겹침제외 버튼 왼쪽에 버튼 2개로 추가하고, 화면표시 옵션 창의 기존 동일 기능 버튼 2개는 제거. 버튼 폭은 겹침제외와 동일(min-w-[96px]).
변경 내용
client/src/store/settingsStore.tsshowCenterline(기본 true),showDronePath(기본 true) + 각 setter 추가. persist 로 지속.
client/src/components/overlay/StationOverlay.tsx- 로컬
useState였던showCenterline/showDronePath→ 설정 스토어 구독으로 전환(refs/리셋은 그대로). - 화면표시 옵션 창의 선형/드론궤적 토글 버튼 2개 제거. (드론궤적 경로표고·투명도 슬라이더는 유지)
- 로컬
client/src/components/player/VideoPlayer.tsx- 스토어 셀렉터 추가, 겹침제외 버튼 바로 앞(좌측)에
선형 ON/OFF·드론궤적 ON/OFF버튼 삽입. - 스타일: 겹침제외와 동일 폭(min-w-[96px]), 색은 기능별(선형=red, 드론궤적=sky).
- 노출 조건은 겹침제외와 동일: 영상제어 ON + geoLoaded.
- 스토어 셀렉터 추가, 겹침제외 버튼 바로 앞(좌측)에
검증
tsc + vite build통과(node 20). client/dist 재빌드 → 55000 강력 새로고침 확인.
참고
- 상태를 스토어로 올려 바 버튼과 오버레이 렌더가 단일 소스 공유.
- '기본값' 리셋(StationOverlay)도 스토어 setter 로 동작 유지.