RuninqVic 사용설명서

1. 소개

1.1 RuninqVic이란

RuninqVic(러닝빅)은 (주)텐에이아이(www.tenai.kr)가 만든 프로그램으로, 사진 여러 장과 배경음악만 넣으면 사진마다 재생시간을 자동으로 배분해 한 편의 MP4 동영상으로 만들어 주는 프로그램입니다. 서비스가 종료된 알씨 동영상 만들기의 쉬운 사용법을 그대로 이어받았고, 요즘 필요한 기능(세로 영상, 4K, 음악 비트 맞춤, 자동 저장)을 더했습니다.

설치가 필요 없습니다. 웹 주소(https://runinqvic.vercel.app)에 접속하거나, 내려받은 폴더의 RuninqVic.bat을 더블클릭하면 바로 실행됩니다. 사진과 음악은 사용자의 PC 안에서만 처리되며 어디에도 전송되지 않습니다.

1.2 알씨 동영상 만들기와 무엇이 다른가

1.3 이런 영상에 알맞습니다

• 가족 행사(돌잔치, 결혼, 칠순) 사진 슬라이드쇼
• 여행 사진 하이라이트 영상
• 학교·직장 행사, 워크숍, 송년회 회고 영상
• 추모 영상, 기념 영상
• 스마트폰용 세로 영상(쇼츠·릴스·스토리)

2. 시작하기

2.1 동작 환경

2.2 실행 방법

방법 1 · 웹으로 실행: 브라우저 주소창에 https://runinqvic.vercel.app 을 입력합니다. 즐겨찾기에 추가해 두면 편리합니다.

방법 2 · PC에서 실행: 프로그램 폴더(RuninqVic)의 RuninqVic.bat 파일을 더블클릭합니다. Edge(없으면 Chrome)가 주소창 없는 앱 창으로 열립니다. index.html 파일을 브라우저로 직접 열어도 됩니다.

2.3 화면 구성

2.4 스마트폰에서 사용하기 (모바일 버전)

같은 주소(https://runinqvic.vercel.app)를 휴대폰으로 열면 휴대폰에 맞춘 모바일 버전이 자동으로 열립니다. 위쪽에 ① 사진 ② 음악 ③ 제목 ④ 완성 단계가 보이고, 그 아래 미리보기, 가운데 지금 단계의 내용, 맨 아래 [다음] 버튼이 있습니다. 단계 이름을 눌러 바로 옮겨 갈 수도 있습니다. PC와 태블릿에서는 지금까지의 PC 버전이 열립니다.

3. 5분 만에 첫 영상 만들기

가장 짧은 경로입니다. 이 순서만 따라 하면 영상이 완성됩니다.

1. [사진추가]를 눌러 사진을 고릅니다(여러 장 선택 가능). 또는 탐색기에서 사진들을 화면으로 끌어다 놓습니다.
2. 2번 항목의 [＋]를 눌러 배경음악 파일(MP3 등)을 고릅니다.
3. 3번 항목에서 "음악 재생시간에 균등하게 맞춤"에 체크합니다. 사진 시간이 음악 길이에 맞게 자동 배분됩니다.
4. 4번 항목의 오프닝 제목(기본값은 오늘 날짜)과 엔딩 제목을 원하는 문구로 고칩니다.
5. 미리보기의 ▶ 버튼(또는 Space 키)으로 재생해 확인합니다.
6. 오른쪽 위 [동영상 만들기]를 누르고 [만들기]를 누릅니다. 저장 위치를 고르면 MP4 파일이 만들어집니다.

4. 간편만들기

작업 패널의 첫 번째 탭입니다. 1번부터 4번까지 순서대로 따라가면 됩니다.

4.1 ① 사진 추가

• [사진추가] 버튼: 파일 선택 창에서 여러 장을 한 번에 고를 수 있습니다(Ctrl 또는 Shift 클릭).
• 끌어다 놓기: 탐색기에서 사진 파일들을 프로그램 화면 아무 곳에나 놓으면 추가됩니다.
• 추가되는 순서: 파일 이름순으로 정렬되어 추가됩니다. 타임라인에서 화면을 선택한 상태로 추가하면 그 화면 뒤에 끼워 넣습니다.
• 지원 형식: JPG, PNG, WEBP, GIF(첫 장면), BMP, AVIF. HEIC는 브라우저가 지원하는 경우에만 열립니다.
• 사진 회전 정보(EXIF)를 자동으로 반영하므로 스마트폰으로 찍은 세로 사진도 바르게 보입니다.
• 아주 큰 사진(한 변 4,096픽셀 초과)은 메모리를 아끼기 위해 4,096픽셀로 줄여서 사용합니다. 4K 영상에도 충분한 크기입니다.
• 동영상 파일(MP4, WEBM, MOV, M4V)도 같은 버튼으로 넣습니다. 동영상 화면은 타임라인에 "▶ 동영상" 표시가 붙고, 재생시간은 잘라낸 구간 길이와 같습니다. 자세한 내용은 7장 뒤의 "7.1 동영상 구간 자르기"를 보세요.

4.2 ② 배경음악

• [＋ 곡 추가]: 음악 파일을 추가합니다. 여러 곡을 넣으면 목록 순서대로 이어서 재생됩니다.
• [－]: 목록에서 선택한 곡(없으면 마지막 곡)을 제거합니다.
• 지원 형식: MP3, M4A/AAC, WAV, OGG, FLAC.
• 제목 옆 괄호에 음악 전체 길이가 표시됩니다.
• 음악이 영상보다 길면 영상 끝에서 서서히 작아지며 끝납니다. 음악이 짧으면 처음부터 반복됩니다(음악 탭에서 끌 수 있습니다).
• 음악을 넣으면 비트(박자)를 자동으로 분석합니다. 결과는 음악 탭 아래에 표시됩니다.
• [AI]: 가지고 있는 음악이 없을 때 기본 제공 음악 3곡을 바로 넣거나, 가사와 분위기를 적어 새 곡을 만듭니다. 다음 4.2.1절을 보세요.

4.2.1 기본 제공 음악과 AI 작곡

2번 항목 오른쪽 끝의 [AI] 버튼(음악 탭에도 있음)을 누르면 창이 열립니다. 맨 위 "음악 선택"에서 기본 제공 음악을 고르면 키나 요금 없이 바로 쓸 수 있고, "ElevenLabs로 새 곡 만들기"를 고르면 분위기와 가사를 적어 새 곡을 만들 수 있습니다.

아래 표는 "ElevenLabs로 새 곡 만들기"를 골랐을 때의 입력 항목입니다.

4.3 ③ 사진 1장당 재생시간

4.4 ④ 오프닝과 엔딩

• 오프닝: 영상 맨 앞에 나오는 제목 화면입니다. 기본값은 오늘 날짜입니다. 체크를 끄면 넣지 않습니다.
• 엔딩: 영상 맨 뒤 화면입니다. 기본값은 RuninqVic. "고마워요", "The End" 등으로 바꿔 쓰세요.
• 부제: 제목 아래 작은 글씨입니다. 비워 두면 표시되지 않습니다.
• 스타일: 클래식(첫/마지막 사진을 흐리게 깔고 흰 글씨), 시네마틱(위아래 검은 띠, 금색 명조체), 미니멀(밝은 배경, 검은 글씨).
• 길이: 오프닝·엔딩 각각의 시간(1~15초). 제목은 서서히 나타났다가 사라집니다.

변경한 내용은 즉시 미리보기에 반영됩니다. 별도의 적용 버튼이 없습니다.

4.4.1 오프닝·엔딩에 사진과 영상 넣기

오프닝과 엔딩에는 제목과 부제뿐 아니라 사진이나 동영상을 하나씩 넣을 수 있습니다. 여행 첫 장면 영상 위에 제목을 띄우거나, 엔딩에 가족·회사 로고를 넣을 때 씁니다.

1. 오프닝(또는 엔딩) 줄 아래의 [🖼 사진·영상 넣기]를 누르고 파일을 고릅니다.
2. 배치를 고릅니다. 사진·영상의 이름 옆 상자에서 바꿀 수 있습니다.
3. 동영상이면 [✂ 구간·소리]를 눌러 쓸 구간과 소리 크기를 정합니다. 구간 자르기 상자가 바로 아래에 나타나며, 사용법은 동영상 화면의 구간 자르기와 같습니다.
4. 다른 파일로 바꾸려면 [🔄 바꾸기], 빼려면 [✕]를 누릅니다. 타임라인의 오프닝·엔딩 칸을 눌러도 같은 설정이 열립니다.

5. 미리보기와 화면 설정

5.1 재생과 탐색

• ▶ / ⏸: 재생과 일시정지. Space 키, 또는 미리보기 화면 클릭으로도 됩니다.
• ■: 정지하고 처음으로 돌아갑니다.
• 탐색 막대: 끌어서 원하는 시점으로 이동합니다. 왼쪽에 현재 시간 / 전체 길이가 표시됩니다.
• 타임라인의 화면을 클릭하면 그 화면이 잘 보이는 시점으로 이동합니다.
• 재생 중에는 현재 화면이 타임라인에서 자동으로 선택됩니다.

5.2 화면비율

5.3 전체사진위치

• 맞춤: 사진 전체가 잘리지 않게 화면 안에 넣습니다. 남는 여백은 "여백에 사진넣기" 설정에 따라 채워집니다. (기본)
• 채움: 사진이 화면을 꽉 채우도록 확대합니다. 비율이 다른 부분은 잘립니다.
• 원본 크기: 사진을 확대하지 않고 실제 크기로 가운데에 놓습니다. 작은 사진에 적합합니다.

5.4 이동과 확대축소

체크하면 사진이 보이는 동안 천천히 확대·축소되거나 이동합니다(켄 번즈 효과). 사진마다 방향이 자동으로 다르게 정해지며, 같은 프로젝트에서는 항상 같은 움직임이 나옵니다. 움직임의 세기는 효과 탭의 "이동과 확대축소 강도"로 조절합니다.

5.5 여백에 사진넣기

체크하면 "맞춤" 상태에서 생기는 여백을 그 사진을 흐리게 확대한 이미지로 채웁니다. 세로 사진을 가로 영상에 넣을 때 특히 자연스럽습니다. 끄면 여백이 단색(디자인 탭의 "다른색")으로 채워집니다. 흐림 정도와 어둡기는 디자인 탭에서 조절합니다.

5.6 회전

타임라인에서 사진을 선택한 뒤 ↺(왼쪽 90°) 또는 ↻(오른쪽 90°)를 누릅니다. 회전한 사진은 타임라인 썸네일 왼쪽 위에 각도가 표시됩니다.

5.7 사진 위치·크기 직접 조절

사진이 틀 안에 자동으로 맞춰지는 대신, 원하는 부분이 나오도록 손으로 직접 옮기고 키울 수 있습니다. 화면(사진·동영상)마다 따로 기억되며, 만든 영상에도 그대로 들어갑니다.

1. 타임라인에서 사진을 고르고 재생 버튼 옆의 ✥ 버튼을 누릅니다. 미리보기에 점선 테두리와 조절 막대가 나타납니다.
2. 사진을 끌어서 옮깁니다. 크기는 스마트폰에서는 두 손가락으로 벌리거나 오므리고, PC에서는 마우스 휠을 돌립니다. 조절 막대의 － ＋ 와 슬라이더로도 바꿀 수 있습니다.
3. [맞춤]은 사진 전체가 보이게, [채움]은 틀을 가득 채우게 한 번에 맞춥니다. [자동]을 누르거나 사진을 두 번 누르면 직접 조절한 것을 지우고 자동 배치로 돌아갑니다.
4. 다른 사진을 타임라인에서 고르면 이어서 조절할 수 있습니다. 끝나면 [완료](또는 Esc)를 누릅니다.

5.8 화면 영역 크기 조절

미리보기, 타임라인, 작업 패널의 크기는 자동으로 정해지지만 경계를 끌어서 원하는 대로 바꿀 수 있습니다. 바꾼 크기는 그 기기에 기억되며, 경계를 두 번 누르면 자동 크기로 돌아갑니다.

6. 타임라인

화면 아래쪽에 오프닝, 사진들, 엔딩이 순서대로 나열됩니다. 각 칸에는 순번, 파일 이름, 재생시간이 표시되고, 자막이 있으면 "자막" 표시가 붙습니다.

7. 자막

타임라인에서 화면을 먼저 선택한 뒤 입력합니다. 화면을 선택하지 않고 스타일을 바꾸면 이후 추가되는 사진의 기본 스타일이 됩니다.

7.1 동영상 구간 자르기

타임라인에서 동영상 화면을 누르면 자막 탭이 열리고 아래에 "동영상 구간 자르기" 상자가 나타납니다. 동영상의 장면들이 띠(필름스트립)로 보이므로 어느 부분을 쓸지 눈으로 보며 고를 수 있습니다.

동영상이 든 프로젝트를 저장하면 동영상 원본이 .rvproj 파일에 함께 들어가므로 파일이 커집니다. 동영상은 스마트폰에서 찍은 짧은 클립(수십 초)을 권장합니다.

8. 디자인

8.1 배경

사진 뒤에 깔리는 배경입니다. "맞춤"으로 여백이 있을 때, 액자를 썼을 때, 텍스트 화면에서 보입니다. 사진이 화면을 꽉 채우면 보이지 않습니다.

• 블러 강도: "없음" 배경에서 흐린 사진의 흐림 정도(0~80).
• 어둡게: 흐린 배경을 얼마나 어둡게 할지(0~0.8). 사진이 더 도드라집니다.

8.2 액자

8.3 화면별 적용과 전체 적용

타일을 클릭하면 선택한 화면에만 적용됩니다. 화면별로 다르게 설정된 항목은 타일 이름 옆에 주황 점(•)이 붙습니다. [전체적용]을 누르면 현재 선택된 값을 모든 화면의 기본값으로 만들고 화면별 설정을 지웁니다. 화면을 선택하지 않은 상태에서 클릭하면 기본값이 바뀝니다.

9. 효과

9.1 전환

이전 화면에서 이 화면으로 넘어올 때의 효과입니다. 첫 화면(오프닝)에는 적용되지 않습니다.

• 전환 길이: 0.2~2.5초. 사진 재생시간의 절반을 넘지 않도록 자동 제한됩니다.
• 이동과 확대축소 강도: 켄 번즈 효과의 세기(0.3~2.0).

9.2 시네마틱

사진 위에 움직이는 장식을 겹칩니다. 보케(빛망울), 하트, 눈, 별빛, 꽃잎, 빛샘, 색종이 7가지. 화면별 또는 전체에 적용할 수 있고 오프닝·엔딩에는 전체 설정이 적용됩니다.

10. 음악 탭

11. 동영상 만들기

11.1 설정 항목

11.2 만들기와 저장

1. [만들기]를 누르면 저장 위치를 묻는 창이 열립니다. 폴더와 이름을 정하고 저장을 누릅니다.
2. 진행률, 처리 중인 프레임, 남은 시간이 표시되고 작은 미리보기로 현재 장면을 볼 수 있습니다.
3. 완료되면 확인 메시지가 나옵니다. 파일은 선택한 위치에 이미 저장되어 있습니다.
4. 도중에 [취소]를 누르면 중단되고 만들다 만 파일은 지워집니다.

11.3 소요 시간과 결과 파일

• 그래픽 가속(하드웨어 인코더)이 있는 PC에서는 사진 구간은 보통 영상 길이의 1/3~1/10 시간이 걸립니다. 예: 3분 영상 → 약 20초~1분.
• 동영상 클립 구간은 실제 재생 속도로 처리되므로 클립 길이만큼 시간이 더 걸립니다. 예: 20초짜리 클립 두 개 → 약 40초 추가.
• 만드는 동안 다른 탭으로 옮겨 가면 브라우저가 속도를 늦출 수 있으니 창을 그대로 두는 것이 좋습니다.
• 결과: MP4 (H.264 영상 + AAC 48kHz 스테레오 음성). Windows, macOS, 스마트폰, 유튜브, 카카오톡 등 어디서나 재생됩니다.
• H.264를 쓸 수 없는 환경에서는 WebM(VP9/Opus)으로 자동 대체되며 안내문에 표시됩니다.

11.4 완성한 영상 보내기 (카카오톡 등)

영상이 완성되면 완성 화면에 "완성한 영상 보내기" 상자가 나타납니다. 창을 닫은 뒤에도 화면 위쪽의 [📤 보내기] 버튼을 누르면 방금 만든 영상의 보내기 상자를 다시 열 수 있습니다(프로그램을 닫기 전까지).

12. 프로젝트 저장과 열기

13. 단축키

14. 문제 해결

부록

A. 지원 파일 형식

B. 개인정보와 보안

• 사진과 음악은 사용자의 브라우저 안에서만 처리됩니다. 서버로 전송되지 않으며 계정이나 로그인이 없습니다.
• 자동 저장 데이터는 사용자의 PC(브라우저 저장소)에만 있습니다.
• 웹 버전을 처음 열 때만 프로그램 파일을 내려받기 위해 인터넷이 필요합니다.

C. 알씨 사용자를 위한 용어 대응

E. 강의용 설정 (운영자 전용)

강의나 워크숍에서 수강생이 자기 키 없이 AI 작곡을 쓰게 하려면, 운영자(강사)의 ElevenLabs 키를 서버에 등록합니다. 키는 수강생 화면에 절대 나타나지 않고 서버에서만 쓰입니다. 이 설정은 프로그램 폴더를 가지고 있고 Vercel에 배포한 PC에서만 할 수 있습니다.

1. ElevenLabs 사이트(Settings › API Keys)에서 강의 전용 키를 새로 만듭니다. 접근 범위는 Music(음악 생성)과 사용량 조회만 켜고, 크레딧 한도를 정해 두면 그 이상은 쓰이지 않습니다.
2. 프로그램 폴더의 "강의설정.bat"을 더블클릭합니다. 작은 창이 열립니다.
3. 1번 칸에 키를 붙여넣습니다. 2번 "강의 코드"에는 수강생에게 알려 줄 코드(4글자 이상)를, 3번 "관리자 코드"에는 사용량 화면을 열 때 쓸 비밀 코드(8글자 이상)를 정해 넣습니다.
4. [저장하고 사이트에 반영]을 누릅니다. 이 PC에서 처음 쓰는 경우 "Vercel 로그인이 필요합니다" 안내가 나오면 [예]를 누르고, 열린 브라우저에서 RuninqVic을 배포한 Vercel 계정으로 승인한 뒤 검은 창에서 아무 키나 누르면 이어서 진행됩니다. 1분쯤 기다리면 끝납니다. 창 아래에 지금 사이트 상태와 수강생 안내 문구가 나옵니다. 이 PC 폴더의 파일은 올라가지 않고, 서비스 중인 버전에 설정만 새로 적용됩니다.
5. 강의가 끝나면 같은 창에서 [강의 종료 (키 지우기)]를 누릅니다. 서버의 키만 지우고 강의 코드와 관리자 코드는 다음 강의를 위해 남겨 둡니다. 창에 "강의용 키를 내렸습니다"가 나오는지 확인하고, ElevenLabs 사이트에서 그 키를 삭제하면 더 안전합니다.

D. 기술 정보

• 순수 HTML/CSS/JavaScript로 만들어졌으며 빌드 도구나 서버가 없습니다.
• 동영상 인코딩: 브라우저 내장 WebCodecs(VideoEncoder H.264, AudioEncoder AAC), MP4 묶기: mp4-muxer(MIT), WebM 대체: webm-muxer(MIT).
• 미리보기와 결과물이 같은 그리기 코드를 쓰기 때문에 화면에서 본 그대로 저장됩니다.
• 소스 코드: https://github.com/SamulChung/RuninqVic
• 제작: (주)텐에이아이 · https://www.tenai.kr