화면 튜토리얼은(는) 무엇을 하나요?
먼저 references/house-rules.md를 읽으세요. 이것이 우선합니다. 실행 순서: video-director 섹션 3. 이 파일은 특화된 내용만 다룹니다.
상태: 재구성된 유사 화면은 검증됨(Search Console + Cloudflare 동영상 사례); screen 비트의 스크린샷은 검증됨. 확대/축소 창 안에서 실제 화면 녹화를 재생하는 기능은 아직 구현되지 않음: 첫 번째 실제 녹화에서 이를 구축하고 테스트한 후(clip 비트처럼 screen 비트가 video를 받도록 확장), 이 줄을 업데이트하세요.
특화된 내용
- 화면 소스 (하드 룰 2): 사용자가 직접 화면 녹화를 제공하면 그것을 사용하고, 그렇지 않으면 현재 날짜의 참조(
references/screens.md)를 기반으로 HTML 유사 화면으로 단계를 재구성하고, 커서, 클릭, 타이핑, 포커스를 포함합니다. 이는 데모이므로 재구성이 적절합니다. 재사용 가능한 기존 모듈:gsc-add-property,cloudflare-dns-add,gsc-verify. - 반드시 실제여야 하는 것: 제품에 관한 모든 주장("Google에 따르면…")은 해당 문서에서 캡처한 리시트여야 하며, 정적 페이지(홈페이지, 가격 페이지 등)는 그 자체로 캡처되어야 합니다.
- 모든 프레임에서 개인 데이터 확인: (이메일, 계정 ID, 키, 수익). 블러 처리하거나 크롭하고 사용자에게 알리세요.
- 소스:
fetch-video.sh→enhance-audio.sh→rough-cut.mjs(화면과 사운드를 함께 편집하여 데드 타임과 재촬영 제거) →voice.mjs --provider file. - 각 단계는
screen비트로, 녹화(또는 스크린샷)가 브랜드 창 안에 표시되고 카메라무브: 넓게 시작 → 컨트롤이 언급될 때 확대(1.3–1.6배) → 유지 → 후퇴. 노트북이나 기기 프레임은 사용하지 않습니다. - 단계 마커는
script.json→steps에서 가져와 우측 상단에 표시됩니다. 클릭할 요소에 스탬프 또는 하이라이트. 각 비트는 하나의 지시사항을 담고, 화면 레이블과 동일한 이름으로 표시합니다. - 구조: hook(문제 제시, 5–10초; 사용자가 직접 촬영한 경우 카메라 화면) → 전체 작업을 한 줄로 → 단계 → 결과 → 추가 팁 하나.
- 키트 사용은 가볍게: 제품에 대한 주장(해당 제품 문서)의 리시트, '성공' 또는 '실패' 순간에 반응 또는 밈 사운드. 단계 중간에 컷어웨이 없음.
- 재구성된 화면은 예시 데이터(
example.com)만 사용하며, 실제 계정의 세부 정보는 절대 사용하지 않습니다. - 속도: 차분하게. 시청자가 따라오고 있습니다.
비용 및 시간
전사 비용만 발생(센트 단위). 렌더링: 동영상 1분당 약 1–1.5분.
참조
own-footage.md · engine-api.md (screen 비트, 카메라 무브) · screens.md (데모용 앱 화면 재구성) · voice-music.md · troubleshooting.md