KiraNeiro
KiraNeiro는 동영상 편집 소프트웨어를 사용하지 않고도 음악·그림·글·음성을 조합하여 "가벼운 동영상 콘텐츠"를 브라우저만으로 만들고 공개할 수 있는 무료 웹 앱입니다. 이 페이지에서는 할 수 있는 것·기본 사용법·작동 원리·막히는 부분을 종합적으로 설명합니다.
00
동영상 편집 소프트웨어를 배우는 비용 없이 음악·그림·글·음성을 "동영상 콘텐츠"로 변환하여 전달하기 위한 도구입니다.
해결하는 문제
음악·일러스트·텍스트·내레이션 같은 표현하고 싶은 콘텐츠를 보유한 크리에이터가 이를 동영상화하기 위해서만 본격적인 동영상 편집 소프트웨어를 새로 배우는 시간·비용·학습 비용을 감당할 수 없다는 문제가 있습니다. 기존 동영상 편집 도구는 "동영상 파일"을 전제로 한 무거운 구조로 개인 크리에이터가 일상적으로 사용하기에는 진입 장벽이 높았습니다. KiraNeiro는 이 장벽을 제거하고 브라우저를 열기만 하면 시작할 수 있는 가벼운 제작 환경을 제공합니다.
만들 수 있는 콘텐츠 종류
| 종류 | 내용 | 주요 이용자 |
|---|---|---|
| MV (뮤직비디오) | 음악에 맞춰 일러스트·가사를 움직임 | 싱어송라이터, 보칼로이드 프로듀서, 일러스트레이터 |
| 설명 동영상 | 내레이션 음성에 다이어그램·텍스트를 동기화 | 교육계·설명 크리에이터 |
| 숏 스토리 | 텍스트·음성 낭독과 일러스트를 조합한 단편 | 소설가·음성 낭독 크리에이터 |
| 음성 읽음 동영상 | 음성 낭독에 텍스트 표시를 동기화 | 작가·오디오북 크리에이터 |
| 그림책 | 여러 페이지의 일러스트·텍스트·음성을 하나로 통합 | 그림책 작가·코믹 크리에이터 |
| 음성 붙은 사진 | 사진 1장과 음성 1개를 조합한 최소 구성의 콘텐츠 | 추억 공유·일반 사용자 |
설계 철학 (다른 동영상 편집 소프트웨어와의 차이)
서버 없음 설계 (저작권·개인정보 배려)
KiraNeiro는 "재생 엔진(뷰어)"만을 제공하는 서비스이며, 사용자가 브라우저에 불러온 음성·이미지·텍스트 등의 소재 파일을 KiraNeiro의 서버로 송신하거나 저장하지 않습니다. 모든 편집 및 재생은 브라우저 내에서 로컬로 실행됩니다. 제작한 콘텐츠는 사용자 자신의 로컬 스토리지 또는 사용자 자신이 관리하는 클라우드 스토리지(GitHub 등)에 저장합니다. 따라서 콘텐츠의 저작권·공개 범위 관리 책임은 사용자 자신에게 있습니다.
요금
완전 무료·기능 제한 없이 사용 가능합니다 (후원 방식). 동영상 출력이 완료된 화면에서 후원·SNS 공유를 통한 응원을 선택적으로 선택할 수 있지만 이들은 강제되지 않으며 제작 중간에 표시되지 않습니다.
01
에디터 (제작 화면)
메인 대상 환경으로 Windows + Edge, Android + Chrome, iPad + Safari의 3가지 조합에서 동작 확인을 수행하고 있습니다. 그 외 브라우저·OS 조합은 동작을 방해하는 방식으로 만들어지지 않았으므로 (명시적으로 차단하지 않았으므로) 동작할 가능성이 높습니다만 정식 동작 검증은 수행하지 않았습니다. "비대응으로 확인됨"이 아니라 "동작 검증을 수행하지 않은" 상태로 이해해 주세요.
뷰어 (재생만)
공개 후 콘텐츠를 재생만 하는 뷰어 페이지는 Chrome·Edge·Firefox·Safari 등 주요 브라우저 (데스크톱·모바일 상관없음)에서 동작합니다. 재생에는 제작 쪽 같은 특수 API가 필요하지 않으므로 시청자 환경을 선택하지 않습니다.
02
홈페이지의 "에디터 열기"에서 프로젝트 생성 화면에 들어가 만들고 싶은 콘텐츠 종류를 선택하는 것부터 시작합니다.
만들 수 있는 프로젝트 종류
| 종류 | 마법사의 흐름 |
|---|---|
| 가사 MV | 곡 (음성) 추가 → 캐릭터·배경 일러스트 추가 → 가사 텍스트 입력하여 줄마다 타이밍 설정 |
| 그림책 | 페이지 수 지정 → 내레이션 음성 (선택)을 추가하면 음성 길이에 따라 각 페이지의 표시 시간이 자동으로 배분됨 → 각 페이지에 배경 일러스트·텍스트 추가 |
| 음성 붙은 사진 | 사진 1장 추가 (캔버스 전체를 덮는 배경으로 배치) → 음성 1개 추가 (업로드 또는 그 자리에서 마이크 녹음) → 음성 길이가 그대로 콘텐츠 재생 시간이 됨. 가장 간단한 제작 흐름 |
모든 마법사는 단계 표시·안내문에 따라 진행되는 가이드 형식이므로 동영상 편집 지식이 없어도 완성까지 혼동 없이 도달할 수 있도록 설계되었습니다. 마법사를 완료하면 일반적인 타임라인 에디터 화면으로 이동하며 그곳에서 자유롭게 편집을 계속할 수 있습니다. 마법사를 사용하지 않고 빈 프로젝트부터 직접 구성하는 것도 가능합니다.
게시 예정 플랫폼에 맞춘 캔버스 크기
프로젝트 생성 시 (또는 나중에 언제든) 게시 예정 플랫폼을 선택하기만 하면 캔버스의 종횡비가 자동 설정됩니다.
| 플랫폼 | 크기 | 종횡비 |
|---|---|---|
| YouTube / 니코니코동영상 / Bilibili | 1920×1080 | 16:9 (가로) |
| TikTok | 1080×1920 | 9:16 (세로) |
| YouTube Shorts | 1080×1920 | 9:16 (세로) |
| Instagram Reels / Stories | 1080×1920 | 9:16 (세로) |
| Spotify Canvas | 1080×1920 | 9:16 (세로) |
| X | 1080×1080 | 1:1 (정사각형) |
| Instagram 피드 (1:1) | 1080×1080 | 1:1 (정사각형) |
| Instagram 피드 (4:5) | 1080×1350 | 4:5 (세로) |
| 사용자 정의 | 임의 | 임의의 크기 지정 |
03
이미지·음성·텍스트 3종류의 소재를 타임라인에 추가하여 콘텐츠를 조립합니다.
지원 형식
동영상 파일에서의 음성 추출
MP4 (Android의 화면 녹화 등) 또는 MOV (iOS의 화면 녹화 등) 동영상 파일을 추가하면 영상 부분은 사용하지 않고 음성 트랙만 자동 추출되어 일반적인 음성 소재 (BGM 또는 메인 음성)로 취급됩니다. 동영상 편집 소프트웨어에서 영상을 꺼낼 필요가 없습니다. PC에서는 드래그 앤 드롭으로 파일을 추가할 수 있으며, 스마트폰에서는 터치 조작이 불편하므로 파일 선택 다이얼로그를 사용하여 파일을 선택합니다.
마이크로의 음성 녹음
메인 음성 트랙 (반주·오케스트라)을 브라우저상에서 재생하는 동시에 마이크로 가창이나 내레이션을 녹음할 수 있습니다. 대응 여부는 브라우저의 녹음 기능 (MediaRecorder API)을 자동 판정하며 대응하지 않는 환경에서는 녹음 입구 자체가 표시되지 않습니다. Chrome·Edge·Firefox에 더해 Safari (iOS / macOS)도 MP4 형식으로 녹음에 대응하고 있습니다. 녹음된 음성은 다른 추가된 음성 소재와 동일하게 이후 트랙 배치·타이밍 조정의 대상이 됩니다. 녹음된 음성도 서버 없음 설계 대상으로 KiraNeiro의 서버로 송신되지 않습니다.
04
화면 하단의 타임라인에서 여러 트랙 (이미지·텍스트·음성)을 시간축에 따라 배치·조정합니다.
기본 조작
키프레임의 자동 기록
"키프레임 추가" 같은 명시적인 버튼 조작이 필요하지 않습니다. 캔버스상의 오브젝트를 드래그하여 이동·확대 축소·회전시키면 그 시점의 타임라인 위치에 자동으로 키프레임이 기록됩니다. 키프레임 사이의 동작은 베지에 곡선으로 보간되며 완만하게 시작하고 완만하게 끝나는 (이즈인·이즈아웃) 설정도 선택 가능합니다. 오브젝트마다 루프 재생 (지정 구간 반복)의 설정도 가능합니다.
05
화면 중앙의 캔버스에서 오브젝트를 직접 조작하여 배치·이동·변형하고 외관을 변경할 수 있습니다.
오브젝트 선택 및 조작
캔버스 위의 오브젝트를 클릭하면 선택되어 이동·회전·크기 조정 등의 핸들이 표시됩니다. 드래그하여 이동하거나 모서리의 핸들을 드래그하여 크기를 조정할 수 있습니다. 핸들의 회전 표시를 사용하여 각도를 조정할 수도 있습니다. 여러 오브젝트를 동시에 선택하려면 Ctrl/Cmd를 누르면서 클릭하거나 드래그로 선택 영역을 만들 수 있으며, 선택된 여러 오브젝트를 함께 이동·확대 축소할 수 있습니다.
사전 설정 애니메이션
오브젝트의 등장·퇴장에 한 클릭으로 적용할 수 있는 정형 애니메이션 (바운스 등장, 회전하며 등장, 슬라이드인 등)이 준비되어 있습니다. 적용하면 위치·스케일·회전·불투명도에 여러 키프레임이 자동 생성되며 그 후 수동으로 개별 조정도 가능합니다.
말풍선 이미지 전환
같은 캐릭터 오브젝트에 대해 시각에 따라 표시할 이미지 파일을 전환할 수 있습니다. 표정 차분이나 입모양 같은 표현을 1개 오브젝트 내에서 여러 장의 이미지를 시간순으로 배열하기만 하면 실현 가능합니다.
불투명도·스케일의 애니메이션
오브젝트마다 불투명도·확대 축소를 시간순으로 변경할 수 있습니다 (페이드인·페이드아웃 등). 캔버스의 배경색·배경 이미지도 자유롭게 설정 가능합니다.
이미지 이펙트
이미지 오브젝트에 흐림·세피아·흑백·색상 보정 등의 시각 이펙트를 사전 설정에서 선택하여 적용할 수 있습니다. 사전 설정을 선택하면 파라미터가 자동 설정되며 그곳에서 개별 미조정도 가능합니다. 처리가 무거운 이펙트는 저사양 PC (Chromebook 등)에서도 쾌적히 동작하도록 온오프를 전환할 수 있습니다.
06
가사·자막·내레이션은 "문단·줄"을 1개의 블록으로 취급하여 블록 단위로 표시 타이밍을 조정합니다.
블록 단위의 타이밍 조정
가사 1줄 또는 문장의 1문단을 1개의 타이밍 슬롯으로 취급하여 각각의 표시 시작·종료 타이밍을 개별 조정할 수 있습니다. 음악 재생 중 가사가 타이밍에 맞게 표시되는지 미리보기로 확인하면서 미조정할 수 있습니다. 텍스트 블록은 타임라인상에서 본체를 드래그하여 시간축상의 위치를 이동할 수 있지만 좌우 끝을 드래그하여 블록 폭만 신축하는 것은 불가능합니다 (블록 폭은 텍스트 내용과 타이밍에 따라 결정되는 사양입니다). 줄을 추가·삭제하면 타이밍 슬롯의 대응 관계가 바뀌므로 내용 편집 후에는 타이밍 패널에서 확인하기를 권장합니다.
폰트·장식
폰트·문자색·크기를 자유롭게 설정할 수 있을 뿐 아니라 페이드인·페이드아웃 애니메이션도 추가할 수 있습니다. 그라데이션 칠하기·그림자·윤곽을 조합한 장식적인 문자 스타일도 설정 가능하며 폰트 설정 다이얼로그의 "랜덤" 기능을 사용하면 장식 내용도 포함하여 무작위로 제안됩니다.
07
노이즈 제거
메인 음성 트랙에 녹음 시 들어간 환경 노이즈를 저감하는 필터를 적용할 수 있습니다.
사운드 이펙트
리버브 등의 사운드 이펙트를 메인 음성 트랙에 적용할 수 있습니다. 미리보기·출력·공개 후 재생의 모든 곳에서 동일한 효과가 반영됩니다. 저사양 PC에서도 쾌적히 동작하도록 무거운 처리는 온오프를 전환할 수 있습니다.
08
자동 저장 → 작업 폴더 (내부)
KiraNeiro는 편집 내용을 브라우저 내 작업 폴더 (Origin Private File System)에 자동 저장하고 있습니다. 탐색기나 Finder에서는 보이지 않는 영역입니다.
Ctrl+S → .kneiro 파일
Ctrl+S (또는 "파일 → 다른 이름으로 저장")로 원하는 장소에 .kneiro 파일로 내보냅니다. 이것이 휴대·공유 가능한 프로젝트 파일입니다. 자동 저장은 이 파일을 업데이트하지 않습니다. 다른 디바이스에서 계속 편집하고 싶거나 백업을 남기고 싶은 경우 이 파일로 명시적으로 저장하세요.
09
다른 이름으로 저장 (.kneiro) — 프로젝트 파일
재편집을 위해 프로젝트 전체를 저장합니다. KiraNeiro에서 다시 열어 작업을 계속할 수 있습니다.
동영상 출력 (MP4)
WebCodecs API를 사용하여 MP4로 출력합니다 (최대 1920×1080, 출력 제한 없음). WebCodecs가 지원되지 않는 환경 (Firefox·일부 Safari 버전·iOS Safari 포함)에서는 자동으로 MediaRecorder API (MP4 또는 WebM)로 폴백하므로 대부분의 환경에서 MP4 출력이 가능합니다. WebCodecs와 MediaRecorder 모두 사용할 수 없는 환경에서만 출력이 지원되지 않는다는 오류가 표시됩니다. YouTube·TikTok 등으로 게시할 완성 파일입니다.
HTML 공유 — 외부 연결형 iOS 미지원
파일 크기가 작습니다. 재생 엔진은 실행 시 kiraneiro.chronovis-software.com에서 읽으므로 인터넷 연결이 필요합니다. 엔진 업데이트는 자동 반영됩니다. iOS Safari는 로컬 HTML 파일을 실행 가능한 브라우저 컨텍스트에서 열 수 없으므로 이 내보내기 형식은 iOS에서 지원되지 않습니다.
HTML 공유 — 독립형 iOS 미지원
파일 크기가 큼 (약 256 KB＋프로젝트 데이터). 재생 엔진이 완전히 내장되어 있어 오프라인에서 재생 가능하며 서버 상황에 좌우되지 않습니다. iOS Safari는 로컬 HTML 파일을 실행 가능한 브라우저 컨텍스트에서 열 수 없으므로 이 내보내기 형식은 iOS에서 지원되지 않습니다.
10
KiraNeiro는 "재생 엔진"만을 호스트하며 콘텐츠 자체의 저장·등록은 수행하지 않습니다. 공개·공유는 사용자 자신의 스토리지 파일을 가리키는 URL을 공유하거나 내보낸 파일 자체를 직접 공유하는 두 가지 방법으로 수행할 수 있습니다.
URL 공유
사용자 자신의 스토리지 (GitHub 등)에 JSON+자산을 저장하고 https://kiraneiro.app/view?src={콘텐츠URL} 형식의 URL을 그대로 SNS에 붙이기만 하면 재생 페이지로 기능합니다. OGP (링크 카드 표시)는 의도적으로 준비하지 않아 크리에이터가 직접 비주얼과 문장을 붙여 게시하는 것을 가정하고 있습니다.
파일 공유
내보낸 파일 (.kneiro 프로젝트 파일 또는 HTML 공유 파일)을 채팅 앱·이메일·USB 드라이브 등으로 직접 공유할 수 있습니다. 받은 사람은 KiraNeiro 뷰어에서 파일을 열거나 선택하여 로컬에서 재생할 수 있습니다. URL 기반 공유와 달리 특정 사람과의 비공개 공유를 원하는 경우나 인터넷 연결 없이 로컬에서 재생하고 싶을 때 유용합니다.
삽입 (iframe)
<iframe src="https://kiraneiro.app/embed?src={콘텐츠URL}"> 형식으로 자신의 웹 사이트에 재생 엔진만 삽입할 수 있습니다. /embed는 컨트롤 바만의 미니멀한 외관이 됩니다.
스토리지의 CORS 제약
뷰어는 지정된 URL에서 직접 콘텐츠를 취득하므로 저장처의 클라우드 스토리지가 CORS (크로스오리진 요청)를 허가하고 있어야 합니다. GitHub (GitHub Pages·원본 파일 배포)는 대응하고 있지만 Google Drive나 Dropbox 공유 링크는 CORS 제약으로 사용 불가능한 경우가 있습니다.
11
KiraNeiro는 앱으로 설치할 수 있습니다 (PWA: Progressive Web App).
.kneiro 파일을 매번 취득해야 하므로)12
라이브 모션 포인트 녹화 방법
녹화 버튼을 ON으로 설정하고 재생을 시작합니다. 재생 중 캔버스상의 오브젝트를 드래그하면 그 움직임이 실시간으로 기록됩니다. 수동으로 1점씩 키프레임을 타이밍하는 것보다 빠르고 음악에 맞춘 자연스러운 움직임을 녹화할 수 있습니다.
녹화 확정 다이얼로그 — 3가지 모드
녹화를 멈추면 확정 다이얼로그가 표시됩니다.
녹화 모드에서 가사·산문 표시 타이밍 변경하기
녹화 모드를 사용하면 가사·산문 블록의 각 줄이 표시되는 순간을 다시 타이밍할 수 있습니다. 녹화 버튼을 ON으로 하고 재생한 후 각 줄을 표시하고 싶은 타이밍에 「다음」 버튼을 클릭 (또는 탭)하면 타이밍이 실시간으로 업데이트됩니다. 가사를 눈으로 따르면서 리듬에 맞춰 타이밍을 타이밍하는 감각으로 수동 타임코드 입력보다 직관적으로 조정할 수 있습니다.
13
BGM을 배치할 수 없는 이유
KiraNeiro는 오디오 파일의 실효 재생 시간이 배치 슬롯 (다음 BGM 항목 시작 위치까지, 마지막 항목은 타임라인 종료까지)에 맞는지 확인합니다. 파일의 재생 시간이 배치 슬롯보다 길면 배치가 거부됩니다.
대처: 더 짧은 오디오 파일을 사용하거나 BGM의 시작 위치를 조정하여 슬롯을 넓히세요.
"재생 시간 업데이트"가 표시되는 때는?
프로젝트 내 모든 오브젝트에 종료점이 설정되어 있고 종료점의 최댓값이 프로젝트 종료 시간과 일치하지 않는 경우 파일 메뉴에 "재생 시간 업데이트"가 표시됩니다. 클릭하면 가장 먼 오브젝트의 종료점에 프로젝트 종료 시간이 맞춰 업데이트됩니다. 오브젝트를 확장한 후 프로젝트 시간을 조정하는 것을 깜빡한 경우에 자주 일어납니다.
미지원 기능 (의도적으로 스코프 밖으로 한 것)
대응 브라우저·환경에 대해서는 "지원 환경" 섹션을 참조하세요.