HyperFrames 소개영상 예제

이 폴더 전체를 output/video로 복사합니다. index.html만 복사하지 마세요.
1. Codex에서 복사한 폴더를 열고 "사용방법을 읽고 미리보기를 열어줘"라고 요청합니다.
2. 필요한 경우 npx hyperframes@0.8.144 doctor로 환경을 진단합니다.
3. npm run dev 로 미리보기를 엽니다. 파일 더블클릭만으로 영상 편집기가 실행되지는 않습니다.
4. compositions/scene-1.html~scene-3.html의 문구와 assets의 이미지를 AI에게 바꿔달라고 요청합니다.
5. npm run check
6. npm run render -- --output 소개영상.mp4
7. 소개영상.mp4를 일반 동영상 플레이어로 엽니다.

초기 실행은 npm 패키지·브라우저를 내려받을 수 있어 인터넷이 필요합니다.
Windows와 Mac 모두 Node.js/npm과 인코딩·진단 도구 준비를 확인하세요.
완성 MP4는 실행 도구 없이 동영상 플레이어에서 볼 수 있습니다.
기본 결과는 720×1280 / 30fps / 12초 / 무음입니다.
한글 폰트와 GSAP는 assets에 포함되어 있습니다. 인터넷의 이미지 주소에 의존하지 않습니다.

이번 Mac 검증에서 FFprobe 누락을 발견했습니다. FFmpeg와 FFprobe를 모두 준비하고 doctor를 다시 실행하세요. 필요 도구 설치는 AI에게 운영체제에 맞춰 요청하세요. 재생용 MP4 파일 자체는 별도 설치가 필요 없습니다.
