GhiVideo 소스 복제 — v4 작업 시작 기준
기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제. (node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
# 선형·드론궤적 토글을 재생바 버튼으로 이동
|
||||
|
||||
**소요 시간**: 약 12분
|
||||
**Context 사용량**: input ~210k / output ~13k tokens
|
||||
|
||||
## 결론
|
||||
영상 오버레이의 "선형(중심선)"·"드론 궤적" 표시 토글을 **하단 재생바(VideoPlayer)의 겹침제외 버튼 왼쪽**에
|
||||
버튼 2개로 추가하고, 화면표시 옵션 창의 기존 동일 기능 버튼 2개는 제거. 버튼 폭은 겹침제외와 동일(min-w-[96px]).
|
||||
|
||||
## 변경 내용
|
||||
- `client/src/store/settingsStore.ts`
|
||||
- `showCenterline`(기본 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 로 동작 유지.
|
||||
Reference in New Issue
Block a user