b23042andClaude Fable 5
84f4921826
- 제주 DJI 시간기반 비행로그(CSV) 파싱 어댑터: 세그먼트 창 정렬, 가상 fps 환산 - 분할 영상(이름 오름차순) 연속재생 + 좌상단 영상목록 콤보(선택 재생), 세그먼트별 드론 로그 재정렬 - KML 다중 파일 병합 파싱: STA 체이니지 측점(71개) + 지장물 신포맷(타입/이름/텍스트박스_색상) - 시설물 라벨: 지정색 배경 박스 + 흰 글자, 팝업 중앙 정렬, 호버 구간 깜빡임 수정 - 카메라 자동감지(djmd: ZenmuseP1, focal 29.9mm) + <영상명>.camera.json PC 저장/폴더 자동 적용 - Yaw 자동추정(GPS 진행방위 기반) + 라벨 드래그 Yaw 역산 모드 - 스테이션바: GPS 이동거리 진행도(호버 시 정지), 노선밖 거리 표기, 원거리 구조물 마크 제외 - 서버: /api/camera 라우트, ecosystem 포트 54000·제주 데이터 경로 - docs/history: 작업 이력 21건 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
32 lines
1.6 KiB
Markdown
32 lines
1.6 KiB
Markdown
# 2026-07-09 영상 재생목록 패널 (분할 영상 선택 재생)
|
|
|
|
**소요 시간**: 10분
|
|
**Context 사용량**: input 380k / output 5k tokens
|
|
|
|
## 작업 내용
|
|
|
|
폴더 로드 시 폴더 내 영상 파일 목록(이름 오름차순)을 패널로 표시하고,
|
|
목록에서 원하는 영상을 클릭해 바로 선택 재생할 수 있게 함.
|
|
|
|
## 수정 내용 — client/src/components/player/VideoPlayer.tsx
|
|
|
|
- **재생목록 패널** (우하단, 재생바 위):
|
|
- 폴더 내 영상 파일명 + 길이(m:ss), 현재 재생 항목 ▶ + 주황 하이라이트
|
|
- 항목 클릭 → 해당 세그먼트로 즉시 전환 재생 (geoStore.loadSegment 로 드론 로그도
|
|
해당 구간 누적 오프셋으로 재정렬 — ended 자동 전환과 동일 경로)
|
|
- 현재 재생 중인 항목 재클릭 → 처음(0초)부터 재생
|
|
- 목록이 길면 스크롤 (max-h-48)
|
|
- 헤더에 "N/M" 진행 표시. ended 자동 전환 시에도 videoIndex 구독으로 하이라이트 자동 갱신
|
|
- **'영상목록 N/M' 토글 버튼**: 하단 컨트롤 행(드론궤적 버튼 옆). 기본 표시(ON)
|
|
- `fmtDur` 헬퍼(초→"m:ss"), geoStore videoFiles/videoDurations/videoIndex 구독 추가
|
|
- 로컬(폴더) 재생일 때만 표시 (source.kind === 'local')
|
|
|
|
## 검증
|
|
|
|
- tsc+vite 빌드 통과, 54000 포트 새 번들(index-DLUIvK3Q.js) 서빙
|
|
|
|
## 다음 단계 참고
|
|
|
|
- 세그먼트 전환 시 약 1초 로딩 공백(objectURL 교체) — 필요 시 다음 세그먼트 프리로드 검토
|
|
- 패널 위치는 우하단 고정 — 캡처 목록 등 다른 우측 UI 와 겹치면 위치 조정 필요
|