GhiVideo 소스 복제 — v4 작업 시작 기준

기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제.
(node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

scripts/fig_플레이어비교.py

@@ -0,0 +1,67 @@
+#!/usr/bin/env python3
+# fig_플레이어비교.py — 보통 플레이어(시간 축) vs 우리 플레이어(측점 축) 비교 그림 (PNG/PDF)
+#   원본: docs/쉬운설명_프레임기반에서_측점기반_플레이어.md 1절 인라인 SVG (720×250)
+#   weasyprint SVG 텍스트 디센더 잘림 이슈 회피를 위해 PIL 직접 드로잉 (3배 해상도).
+# 실행: python3 scripts/fig_플레이어비교.py  → docs/그림_플레이어비교.png / .pdf
+import os
+from PIL import Image, ImageDraw, ImageFont
+
+OUT_DIR = os.path.join(os.path.dirname(__file__), '..', 'docs')
+FB = os.path.expanduser('~/.local/share/fonts/malgunbd.ttf')
+FR = os.path.expanduser('~/.local/share/fonts/malgun.ttf')
+
+W, H = 2160, 760
+im = Image.new('RGB', (W, H), 'white')
+d = ImageDraw.Draw(im)
+
+SLATE = (71, 85, 105)      # #475569 제목1
+GRAY_TXT = (55, 65, 81)    # #374151 시간 라벨
+GRAY_SUB = (107, 114, 128) # #6b7280 캡션
+GREEN = (22, 101, 52)      # #166534 제목2·역명
+BLUE_LINE = (2, 132, 199)  # #0284c7 구조물 마커
+BLUE_TXT = (3, 105, 161)   # #0369a1 구조물 라벨
+
+# 카드 배경 (문서 figure 스타일: #fffdf8 / #e7e0d2)
+d.rounded_rectangle((6, 6, W - 7, H - 7), radius=30, fill=(255, 253, 248), outline=(231, 224, 210), width=3)
+
+# ① 보통 플레이어 (시간 축)
+d.text((1080, 72), '① 보통 플레이어 (시간 축)', font=ImageFont.truetype(FB, 42), fill=SLATE, anchor='mm')
+d.rounded_rectangle((120, 114, 2040, 192), radius=18, fill=(229, 231, 235), outline=(156, 163, 175), width=3)
+d.rounded_rectangle((120, 114, 870, 192), radius=18, fill=(156, 163, 175))
+d.ellipse((840, 123, 900, 183), fill=(55, 65, 81))
+lbl = ImageFont.truetype(FR, 34)
+d.text((135, 240), '0:00', font=lbl, fill=GRAY_TXT, anchor='lm')
+d.text((870, 240), '03:12', font=lbl, fill=GRAY_TXT, anchor='mm')
+d.text((2025, 240), '09:28', font=lbl, fill=GRAY_TXT, anchor='rm')
+d.text((1080, 314), '"3분 12초 지점" — 여기가 어느 선로인지 모름', font=lbl, fill=GRAY_SUB, anchor='mm')
+
+# ② 우리 플레이어 (측점 축)
+d.text((1080, 450), '② 우리 플레이어 (측점 축)', font=ImageFont.truetype(FB, 42), fill=GREEN, anchor='mm')
+d.rounded_rectangle((120, 492, 2040, 570), radius=18, fill=(253, 233, 200), outline=(224, 169, 79), width=3)
+d.rounded_rectangle((120, 492, 1050, 570), radius=18, fill=(245, 158, 11))
+# 구조물 마커 (회덕터널 / 회덕천교)
+mk = ImageFont.truetype(FR, 30)
+for x, name in ((615, '회덕터널'), (1440, '회덕천교')):
+    d.line((x, 478, x, 584), fill=BLUE_LINE, width=6)
+    d.text((x, 632), name, font=mk, fill=BLUE_TXT, anchor='mm')
+# 현재 위치 배지 (160k)
+d.ellipse((1014, 495, 1086, 567), fill=(234, 88, 12))
+d.text((1050, 531), '160k', font=ImageFont.truetype(FB, 28), fill='white', anchor='mm')
+# 시점/종점 역명
+st = ImageFont.truetype(FR, 34)
+d.text((135, 690), '대전조차장', font=st, fill=GREEN, anchor='lm')
+d.text((2025, 690), '신탄진', font=st, fill=GREEN, anchor='rm')
+
+png = os.path.join(OUT_DIR, '그림_플레이어비교.png')
+im.save(png)
+print('PNG 저장:', png, im.size)
+
+# PDF (이미지 삽입 + 압축)
+import fitz
+doc = fitz.open()
+rect = fitz.Rect(0, 0, W / 2, H / 2)
+page = doc.new_page(width=rect.width, height=rect.height)
+page.insert_image(rect, filename=png)
+pdf = os.path.join(OUT_DIR, '그림_플레이어비교.pdf')
+doc.save(pdf, deflate=True, garbage=4)
+print('PDF 저장:', pdf)