글자·자막 · 10초 · 세로

낱말 강조 자막 (세로)

낱말 시각표대로 두세 낱말씩 묶여 자막이 통 올라오고, 지금 말하는 낱말에만 형광 상자가 톡 켜졌다 다음 낱말로 넘어갑니다. 문장이 끝나는 낱말(…요, …다, !)에서는 묶음을 새로 시작하고, 배경은 칠판 그림이거나 내 사진을 넣을 수 있습니다.

이럴 때 쓰세요

강의 한 토막을 쇼츠·릴스로 자를 때
말소리가 작아도 내용을 따라오게 하고 싶을 때
1분 꿀팁 영상의 자막

「여기만 고치세요」 칸

낱말시각표: — [말하기 시작하는 초, 낱말] 목록
묶음낱말수: — 한 화면에 함께 보일 낱말 수 2~4
문장끝에서끊기: — 요·다·!·?·. 로 끝나면 묶음을 새로 시작
강조색: — 지금 말하는 낱말 뒤 상자 색
위글자: — 맨 위 작은 이름표, 비우면 없음
배경그림: — 배경 사진 파일, 비우면 칠판 그림
끝시각: — 마지막 묶음이 사라지는 초

파일을 건네며 AI에게 이렇게 말해 보세요

이 레시피 파일의 SET 칸만 바꿔 줘. 배경그림: "assets/수업장면.jpg" 위글자: "키오스크 주문 1분 팁" 낱말시각표는 녹음을 들어 보니 이래: 0.3 처음 / 0.7 화면을 / 1.3 누르면 / 2.0 메뉴가 / 2.5 나와요 / 3.4 먹고 / 3.8 갈지 / 4.2 포장할지 / 5.0 먼저 / 5.4 고르세요 강조색은 주황 #FF9F1C, 묶음낱말수 2

Claude Code·Codex·안티그래비티처럼 파일을 고치고 명령을 실행할 수 있는 AI에게 건네세요.

알아 두면 좋은 점

낱말 시각은 음성 파일을 받아쓰기 도구(예: 위스퍼)로 낱말별 시간을 뽑으면 그대로 붙여 넣을 수 있습니다
낱말이 길면(7자 이상) 묶음낱말수를 2로 줄이세요. 한 줄에 안 들어가면 두 줄로 내려갑니다
영상 길이를 바꾸면 끝시각과 data-duration 을 함께 고치세요

원본 HTML

로그인하면 이 영상을 만든 HTML 파일을 그대로 받을 수 있어요.
회원가입은 무료예요.

로그인하고 원본 받기

내 컴퓨터에서 직접 돌려 보기

AI에게 맡기지 않고 직접 해 보려면 터미널에서 아래 순서대로 하세요. 하이퍼프레임즈(HyperFrames)는 HTML을 영상으로 바꿔 주는 무료 도구예요.

# 1) 처음 한 번만: Node.js 설치 (nodejs.org 에서 LTS)
#    + FFmpeg 설치 (맥: brew install ffmpeg / 윈도우: winget install Gyan.FFmpeg)
#    준비됐는지 확인: npx hyperframes doctor  → FFmpeg·Chrome 줄이 ✓ 면 OK
# 2) 영상 폴더 만들기
npx hyperframes init 내영상
cd 내영상
# 3) 받은 레시피 파일을 이 폴더의 index.html 자리에 덮어쓰기
# 4) 미리 보기 → 영상 뽑기
npx hyperframes preview
npx hyperframes render -o 결과.mp4