도움말

00

KiraNeiro란 무엇인가

동영상 편집 소프트웨어를 배우는 비용 없이 음악·그림·글·음성을 "동영상 콘텐츠"로 변환하여 전달하기 위한 도구입니다.

해결하는 문제

음악·일러스트·텍스트·내레이션 같은 표현하고 싶은 콘텐츠를 보유한 크리에이터가 이를 동영상화하기 위해서만 본격적인 동영상 편집 소프트웨어를 새로 배우는 시간·비용·학습 비용을 감당할 수 없다는 문제가 있습니다. 기존 동영상 편집 도구는 "동영상 파일"을 전제로 한 무거운 구조로 개인 크리에이터가 일상적으로 사용하기에는 진입 장벽이 높았습니다. KiraNeiro는 이 장벽을 제거하고 브라우저를 열기만 하면 시작할 수 있는 가벼운 제작 환경을 제공합니다.

만들 수 있는 콘텐츠 종류

종류	내용	주요 이용자
MV (뮤직비디오)	음악에 맞춰 일러스트·가사를 움직임	싱어송라이터, 보칼로이드 프로듀서, 일러스트레이터
설명 동영상	내레이션 음성에 다이어그램·텍스트를 동기화	교육계·설명 크리에이터
숏 스토리	텍스트·음성 낭독과 일러스트를 조합한 단편	소설가·음성 낭독 크리에이터
음성 읽음 동영상	음성 낭독에 텍스트 표시를 동기화	작가·오디오북 크리에이터
그림책	여러 페이지의 일러스트·텍스트·음성을 하나로 통합	그림책 작가·코믹 크리에이터
음성 붙은 사진	사진 1장과 음성 1개를 조합한 최소 구성의 콘텐츠	추억 공유·일반 사용자

설계 철학 (다른 동영상 편집 소프트웨어와의 차이)

• 음악 시각화 — 파형 같은 "봐도 의미 모르는" 표시가 아니라 음량·BPM을 색깔과 형태로 시각화하여 그림과 음을 맞추는 작업을 직관적으로 만들기 (코드 진행 시각화는 현시점에서 미지원)
• 자신의 그림으로 움직이기 — AI가 영상을 처음부터 생성하는 것이 아니라 사용자 자신의 일러스트나 캐릭터를 주인공으로 움직이기. 기존의 그림·세계관을 그대로 활용할 수 있는 것을 중시
• 경량 포맷 — 재편집용 프로젝트 파일 (.kneiro)은 동영상 파일이 아니라 JSON + 자산 파일의 조합으로 동영상 파일보다 가볍고 정지 이미지보다 표현력이 있습니다. YouTube·TikTok 등으로의 공유를 위해 MP4 동영상으로 내보낼 수도 있습니다 (자세히는 "출력 형식의 사용 분류" 참조)
• 구조 기반 가사·텍스트 편집 — 가사나 텍스트를 문단·행 단위의 "블록"으로 취급하여 블록 단위로 표시 타이밍을 조정 가능
• 콘텐츠 종류별 마법사 — MV·그림책·음성 붙은 사진 등 종류별로 최적화된 작성 절차(마법사)를 공통 타임라인 에디터 위에 준비

서버 없음 설계 (저작권·개인정보 배려)

KiraNeiro는 "재생 엔진(뷰어)"만을 제공하는 서비스이며, 사용자가 브라우저에 불러온 음성·이미지·텍스트 등의 소재 파일을 KiraNeiro의 서버로 송신하거나 저장하지 않습니다. 모든 편집 및 재생은 브라우저 내에서 로컬로 실행됩니다. 제작한 콘텐츠는 사용자 자신의 로컬 스토리지 또는 사용자 자신이 관리하는 클라우드 스토리지(GitHub 등)에 저장합니다. 따라서 콘텐츠의 저작권·공개 범위 관리 책임은 사용자 자신에게 있습니다.

요금

완전 무료·기능 제한 없이 사용 가능합니다 (후원 방식). 동영상 출력이 완료된 화면에서 후원·SNS 공유를 통한 응원을 선택적으로 선택할 수 있지만 이들은 강제되지 않으며 제작 중간에 표시되지 않습니다.

01

지원 환경

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

소재 추가

이미지·음성·동영상·텍스트·이모지/카오모지·손글씨·이펙트 7종류의 소재를 타임라인에 추가하여 콘텐츠를 조립합니다. 자주 사용하는 오브젝트는 「즐겨찾기」에 등록하면 다른 프로젝트에서도 재사용할 수 있습니다.

지원 형식

• 이미지 — PNG·JPG·WEBP. 투명 PNG (배경이 투명한 일러스트)도 지원하며 캐릭터 교체용 일러스트 등에 사용 가능. 소재 파일을 따로 준비하지 않아도 원·말풍선·화살표·하트 등의 도형을 그 자리에서 생성하여 추가할 수도 있습니다 (아래 「도형을 그 자리에서 만들기」 참조)
• 동영상 — MP4 (H.264) / WebM (VP9). 음성 없이 짧은 반복 재생 동영상으로 가져오기 (자세한 내용은 아래 「동영상 소재의 추가」 참조)
• 음성 — MP3·WAV·AAC. 30MB를 초과하는 큰 음성 파일도 지원. 파일 추가 외에도 메인 음성을 재생하면서 마이크로 노래나 내레이션을 그 자리에서 녹음할 수도 있습니다 (아래 「마이크로의 음성 녹음」 참조). 소재 파일을 따로 준비하지 않아도 박수·환호·정답음 등의 효과음을 그 자리에서 만들어 추가할 수도 있습니다 (아래 「소리 만들어 추가」 참조)
• 텍스트 — 가사·자막·내레이션 원고 등을 직접 입력
• 이모지/카오모지 — 카테고리에서 이모지·이모티콘을 선택하여 캔버스에 배치합니다. 이미지 파일을 추가하지 않기 때문에 경량입니다. 다른 텍스트 소재처럼 이동·확대 축소·회전·키프레임 조작이 가능합니다. 최근 사용한 스탐프는 브라우저의 「자주 사용하는 것」으로 저장되어 재선택하기 쉬워집니다
• 선 (손글씨／선 그림) — 「손으로 그리기」는 펜 입력 장치나 마우스·터치로 실시간으로 그린 선을 그대로 기록할 수 있습니다. 「애니메이션 있음」을 선택하면 마이크로의 음성 녹음과 마찬가지로 메인 음성을 재생하면서 동기화하여 기록됩니다. 기록된 선은 나중에 색상·굵기·선 끝 모양을 변경할 수 있습니다 (아래 「손글씨 선 설정」 참조). 소재 파일을 준비하지 않아도 직선·물결선·화살표·집중선 등의 선을 그 자리에서 생성해서 추가하는 「선 그림」도 선택할 수 있습니다 (아래 「선 그림을 그 자리에서 만들기」 참조)
• 이펙트 — 비·눈·꽃잎/낙엽·색종이 등의 파티클 연출을 타임라인에 배치할 수 있습니다. 파일 추가 없이 프리셋을 선택하기만 하면 추가됩니다 (아래 「이펙트 소재의 추가」 참조)

도형을 그 자리에서 만들기 (소재 없이 이미지 생성)

이미지 탭의 「도형 만들어 추가하기」를 열면 외부에서 소재를 준비하지 않아도 원·사각형·말풍선·화살표·하트·별·음표 등의 도형을 선택지만 골라서 그 자리에서 PNG 이미지로 생성하여 바로 추가할 수 있습니다. 「① 종류 → ② 모양 → ③ 스타일」의 3단계로 고르며, 채울 색·테두리·입체감 (평면/볼록하게/돌출(두께감)/탱글탱글(광택) 4종류)·투명도 등을 조정하면서 미리보기로 확인할 수 있습니다. 「스타일」 단계에서는 항목별 「무작위」 버튼으로 조합을 한꺼번에 제안받을 수도 있으며, 주사위 아이콘을 개별적으로 꺼둔 항목은 무작위 대상에서 제외할 수 있습니다 (마이크 녹음 시 색상·굵기 무작위 기능과 같은 방식입니다). 「느낌으로 색 바꾸기」의 6개 버튼(밝게 / 어둡게, 선명히 / 은은히, 따뜻하게 / 차갑게)으로, 무작위로 정해진 색을 조금씩 원하는 방향으로 옮길 수 있습니다. 채우기나 테두리 등 조정할 수 있는 색이 여러 개일 때는 먼저 색 견본을 고른 다음 버튼을 누릅니다. 채우기를 그라데이션으로 설정한 경우에는 색 견본 맨 앞의 「함께」를 고르면 시작 색과 끝 색을 동시에 바꿀 수 있습니다(각각 한계에 도달한 색은 움직이지 않고, 움직일 수 있는 색만 바뀝니다). 더 이상 바꿀 수 없는 방향의 버튼은 누를 수 없게 되며, 「실행 취소」로 언제든지 되돌릴 수 있습니다. 생성한 도형은 일반 이미지 소재와 마찬가지로 프로젝트 안에 저장되어 나중에 확대 축소·이동·이펙트 적용 등을 할 수 있습니다.

소리 만들어 추가 (소재 없이 소리 생성)

음성 탭의 「소리 만들어 추가」를 열면, 외부에서 소재를 준비하지 않아도 박수·환호·웅성거림·정답음／오답음·북·폭발·비·바람·파도·종·드럼롤 등의 효과음을 선택지를 선택하기만 해서 그 자리에서 만들어 추가할 수 있습니다. 「①종류 → ②소리 → ③들리는 느낌」의 3단계로 고르며, 길이·북적임·소리 높이·울림의 넓이(울림 없음／방 안／넓은 홀／야외) 등을 조정하면서 파형과 재생 버튼으로 그 자리에서 들어 확인할 수 있습니다（재생은 반복되어 중지를 누르거나 패널을 닫을 때까지 계속 울립니다. 재생 중에 설정을 변경해도 멈추지 않고 새로운 소리로 전환됩니다）。 사람 소리나 자연 소리는 「길이(초)」로 몇 초 울릴지를, 정답음이나 북 같은 짧은 소리는 「여운」으로 울림의 길이를 지정합니다. 지정한 길이의 소리를 그대로 만들므로 끊김 없는 자연스러운 소리가 됩니다. 「들리는 느낌」 단계에서는 「랜덤」 버튼으로 조합을 한꺼번에 제안받을 수도 있으며, 「다른 테이크」 버튼으로 설정은 그대로 두고 울리는 방식만 바꿀 수도 있습니다. 주사위 아이콘을 개별적으로 꺼둔 항목은 랜덤 대상에서 제외할 수 있습니다(도형을 그 자리에서 만들 때와 같은 방식입니다). 만든 소리는 일반 음성 소재와 마찬가지로 프로젝트 안에 저장되어 나중에 음량 조정·트림·이펙트 적용 등을 할 수 있습니다. 기본값으로 효과음 레인에 추가되며, 비나 바람 등의 자연 소리는 BGM 레인에 추가됩니다(「추가할 곳」으로 변경 가능합니다). 긴 소리를 만들 때는 생성에 약간의 시간이 걸릴 수 있으며, 진행 상황이 표시됩니다.

선 그림을 그 자리에서 만들기 (소재 없이 선 생성)

「선」 탭의 「선 그림」을 선택하면 외부에서 소재를 준비하지 않아도 직선·물결선·화살표·점선·집중선·번개·비·체크 표시 등의 선을 선택지만 골라서 그 자리에서 생성하여 손글씨 선으로 추가할 수 있습니다. 「① 종류 → ② 모양 → ③ 설정」의 3단계로 고르며, 선 색상·굵기·펜 종류(만화펜·둥근펜·붓·마커·연필), 개수·간격·좌우 대칭·끝점 가늘어짐 등을 조정하면서 미리보기로 확인할 수 있습니다. 출력 형식은 「애니메이션」(재생에 맞춰 그려지는 모습을 재현)과 「정지 이미지」(완성된 모양을 그대로 배치) 중에서 고를 수 있으며, 애니메이션을 선택하면 미리보기도 같은 그리는 순서·타이밍으로 반복 재생됩니다. 여러 개의 선으로 이루어진 모양에서는 「그리는 순서」(왼쪽에서 오른쪽／중앙에서 바깥으로／바깥에서 중앙으로／무작위)와 「시간차」로 선이 하나씩 순서대로 그려지는 연출을 조정할 수 있습니다. 「설정」 단계에서는 항목별 「무작위」 버튼으로 조합을 한꺼번에 제안받을 수도 있으며, 주사위 아이콘을 개별적으로 꺼둔 항목은 무작위 대상에서 제외할 수 있습니다 (도형·효과음을 그 자리에서 만들 때와 같은 방식입니다). 생성한 선은 일반 손글씨 선과 마찬가지로 프로젝트 안에 저장되어 나중에 색상·굵기 등을 변경할 수 있습니다.

즐겨찾기

캔버스 위의 오브젝트를 우클릭 (또는 길게 누르면) 「기타 ▶ 즐겨찾기에 추가」를 선택하여 그룹 이름을 지정하여 등록할 수 있습니다. 등록된 오브젝트는 「소재 추가」패널의 「즐겨찾기」탭에서 그룹으로 필터링하여 선택하고 재배치할 수 있습니다. 배치 위치는 캔버스 중앙과 현재 재생 위치를 기준으로 재계산되므로 원래 위치나 타이밍에 신경 쓰지 않고 재사용할 수 있습니다. 이미지·가사·문장 오브젝트의 즐겨찾기는 브라우저 내에 완전히 저장되므로 다른 프로젝트에서도 불러올 수 있습니다. 즐겨찾기는 프로젝트 파일에는 저장되지 않고 브라우저 (기기)에 저장됩니다.

배치된 소재의 파일 교체

배치된 이미지·동영상(움직이는 교체용 일러스트) 오브젝트, 또는 BGM·메인 음성을 우클릭 (또는 길게 누르면) 「이미지/동영상/음성 교체...」를 선택하면 파일 선택 다이얼로그가 열려 선택한 새 파일로 교체됩니다. 위치·확대 축소·애니메이션·키프레임 등 파일 이외의 설정은 그대로 유지되므로 같은 연출을 유지하면서 내용만 바꾸고 싶을 때 사용합니다. 이 작업은 일반적인 편집과 마찬가지로 Ctrl+Z / Cmd+Z로 취소할 수 있습니다. 참고로 같은 원본 파일명을 가진 다른 파일을 새로 추가할 때는 덮어쓰지 않고 자동으로 다른 이름으로 둘 다 저장됩니다 (예: 같은 이름으로 촬영한 사진 2장을 계속 추가해도 한 장이 지워지지 않습니다).

동영상 소재의 추가 (음성 없는 반복 동영상)

「동영상」탭에서 동영상 파일 (MP4/WebM)을 추가하면 음성 트랙을 포함하지 않고, 짧고 반복 재생되는 「움직이는 교체용 일러스트」로서 타임라인에 배치할 수 있습니다. 사진이나 일러스트 대신 약간의 움직임이 있는 영상을 사용하고 싶을 때에 적합합니다. 길이는 최대 10초이며, 10초를 초과하는 동영상은 처음 10초까지만 잘립니다. 음성 트랙은 가져올 때 자동으로 제거되므로 음성도 사용하고 싶은 경우 아래 「동영상 파일에서의 음성 추출」 또는 「음성」탭에서 별도로 추가해 주세요. iOS Safari는 WebM (VP9)에 대응하지 않으므로 iOS에서 확실하게 사용할 수 있는 것은 MP4 (H.264)뿐입니다.

동영상 파일에서의 음성 추출

MP4 (Android의 화면 녹화 등) 또는 MOV (iOS의 화면 녹화 등) 동영상 파일을 「음성」탭에서 추가하면 영상 부분은 사용하지 않고 음성 트랙만 자동 추출되어 일반적인 음성 소재 (BGM 또는 메인 음성)로 취급됩니다. 동영상 편집 소프트웨어에서 영상을 꺼낼 필요가 없습니다. PC에서는 드래그 앤 드롭으로 파일을 추가할 수 있으며, 스마트폰에서는 터치 조작이 불편하므로 파일 선택 다이얼로그를 사용하여 파일을 선택합니다. 영상 자체를 소재로 사용하고 싶다면 위의 「동영상 소재의 추가」(음성 없는 반복 동영상으로 가져오기)를 사용해 주세요.

마이크로의 음성 녹음

메인 음성 트랙 (반주·오케스트라)을 브라우저상에서 재생하는 동시에 마이크로 가창이나 내레이션을 녹음할 수 있습니다. 대응 여부는 브라우저의 녹음 기능 (MediaRecorder API)을 자동 판정하며 대응하지 않는 환경에서는 녹음 입구 자체가 표시되지 않습니다. Chrome·Edge·Firefox에 더해 Safari (iOS / macOS)도 MP4 형식으로 녹음에 대응하고 있습니다. 녹음된 음성은 다른 추가된 음성 소재와 동일하게 이후 트랙 배치·타이밍 조정의 대상이 됩니다. 녹음된 음성도 서버 없음 설계 대상으로 KiraNeiro의 서버로 송신되지 않습니다.

이펙트 소재의 추가 (비·눈·꽃잎·색종이 등의 파티클 연출)

「이펙트」탭에서 비·눈·꽃잎/낙엽·색종이 중 하나의 프리셋을 선택하기만 하면 타임라인에 파티클 연출을 추가할 수 있습니다. 파일을 선택할 필요는 없으며, 선택 즉시 기본 모양으로 배치됩니다. 추가 후에는 오른쪽 속성 패널에서 색상·불투명도·밀도(입자 양)·속도·크기·흔들림, 그리고 프리셋별 세부 파라미터(비의 각도나 눈의 바람 세기 등)를 조정할 수 있습니다. 이펙트 설정 대화상자의 「느낌으로 색 바꾸기」에서 「밝게／어둡게」「선명히／은은히」「따뜻하게／차갑게」 6개 버튼으로도 무작위로 정해진 색을 조금씩 가깝게 할 수 있으며, 「실행 취소」로 언제든지 되돌릴 수 있습니다. 비, 눈, 꽃잎/낙엽, 색종이, 거품, 반짝임, 별하늘에서는 「깊이」 체크박스를 활성화하면 입자마다 크기와 투명도가 달라져 입체적으로 보이게 됩니다. 배경으로도 전경으로도 사용할 수 있으며, 전용 체크박스는 없고 다른 오브젝트와 동일한 레이어 순서 조작(우클릭 메뉴의 「앞으로」「뒤로」)으로 전환합니다. 예를 들어 캐릭터 앞에 내리는 눈, 배경 전체에 내리는 비와 같은 겹침 표현이 가능합니다.

손글씨 선 설정

손글씨를 추가할 때는 선을 그리는 방식을 3종류 중에서 선택할 수 있습니다. 「움직이는 손글씨 시작」은 메인 음성을 재생하면서 동기화하여 기록하며, 재생 시에도 그린 순서와 속도 그대로 선이 그려지는 모습을 재현합니다. 「정지 이미지 손글씨 시작」은 음성 재생과 동기화되지 않고, 원하는 속도로 자유롭게 그린 선을 그대로 정지 이미지로 배치합니다. 「원하는 속도로 그리고 움직이는 손글씨로 변환」은 정지 이미지 방식과 마찬가지로 자유로운 속도로 그릴 수 있지만, 다 그리고 나면 자동으로 선을 긋는 속도를 일정하게 맞추고 선과 선 사이에 짧은 간격을 넣은 「움직이는 손글씨」로 변환됩니다 (원하는 속도로 그리면서도 재생 시에는 매끄러운 일정 속도의 애니메이션으로 보이게 하고 싶을 때 사용합니다). 어느 방식이든 작성 후 다른 방식으로 전환할 수는 없습니다. 색상·굵기·선 끝 (둥근형/사각형/돌출 없음)·펜 종류(G펜·둥근펜·붓·마카·연필)은 녹음 시작 전의 기본 설정으로도, 기록된 선을 선택하여 나중에 변경하는 경우에도 동일한 설정 대화상자에서 조정할 수 있습니다. 대화상자의 「무작위」 기능을 사용하면 색상·굵기·선 끝·펜 종류의 조합을 무작위로 제안받을 수도 있습니다. 대화상자 상단의 「간단히」 탭(초기 표시)의 「느낌으로 색 바꾸기」에서는 색 견본을 선택하고 「밝게／어둡게」, 「선명히／은은히」, 「따뜻하게／차갑게」 버튼 중 하나를 누르기만 하면 무작위로 정해진 색을 느낌대로 미세 조정할 수 있습니다 (그라데이션을 사용할 때는 시작 색과 끝 색을 선택해서 조정합니다. 색 견본 맨 앞의 「함께」를 고르면 시작 색과 끝 색을 동시에 움직일 수 있으며, 「함께」로 한 조정도 한 번의 「실행 취소」로 되돌릴 수 있습니다). 색 코드를 직접 입력하거나 그라데이션 사용·방향을 설정할 때는 「상세」 탭으로 전환합니다.

손글씨 선 동작 설정

「애니메이션 있음」으로 기록한 선은 나타나는 동작을 나중에 변경할 수 있습니다. 오브젝트를 우클릭하여 「움직임 ▶ 펜 애니메이션」을 선택하면 두 가지를 지정할 수 있습니다. 「움직임」은 선이 그려지는 「그리기」 또는 완성된 선이 지워지는 「지우기」를 선택합니다. 「순서」는 「그린 순서대로」(기록한 그대로의 순서)·「모두 반대로」(마지막에 그린 부분부터 나타남)·「획 순서를 반대로」(각 획을 그린 방식은 그대로이지만 획의 순서만 반대가 됨)에서 선택합니다. 대화상자에는 실제로 움직이는 미리보기가 있으며, 재생 버튼으로 확인할 수 있습니다. 긴 선은 등배속일 경우 확인에 시간이 걸리므로 미리보기 속도를 1배~10배에서 선택할 수 있습니다 (이 속도는 미리보기 확인용이며 작품의 재생 속도는 변하지 않습니다). 「애니메이션 없음」의 선은 시간에 따른 변화를 갖지 않으므로 이 설정은 표시되지 않습니다. 작품 자체의 재생 속도를 바꾸려면 「펜 애니메이션」 대화상자 맨 위 또는 오른쪽 속성 편집 패널에서 「재생 속도」 값(기본값 1배, 0배 초과 10배 이하, 소수점 둘째 자리까지 입력 가능)을 입력하세요. 두 곳 모두 같은 설정을 편집하며, 위의 미리보기 속도와는 별개로 실제 재생·내보내기·뷰어에 반영됩니다. 속도를 너무 느리게 하여 선이 다 그려지기 전에 오브젝트가 사라질 경우, 표시 시간이 자동으로 연장됩니다.

04

타임라인 에디터 기본 조작

화면 하단의 타임라인에서 여러 트랙 (이미지·텍스트·음성)을 시간축에 따라 배치·조정합니다.

기본 조작

• 멀티트랙 표시 (이미지·텍스트·음성을 동시에 여러 개 표시)
• 재생 헤드 (현재 위치를 나타내는 세로선)를 드래그하여 좋은 위치에서 확인·편집 가능
• 타임라인 끝의 종단 마커(주황색 점선)를 드래그하면 콘텐츠 전체의 길이(총 길이)를 조정할 수 있다. 프로퍼티 패널의 「총 길이」 항목에서 숫자 입력으로도 동일하게 변경 가능하다
• 트랙 확대·축소로 세부 조정과 전체 조망을 전환 가능
• 트랙 정렬 (드래그)로 표시 전후 관계 (Z순서) 제어 — 위의 트랙일수록 앞에 표시됨
• 스냅 기능 — 그리드나 다른 오브젝트 끝에 자동으로 달라붙어 위치 맞춤 지원
• Undo / Redo는 실질적으로 무제한 (직전 20개 이상 조작 취소 가능)
• 자동 저장 — 편집 내용이 브라우저 내에 실시간으로 자동 저장되어 재로드 후에도 복구 가능

키프레임의 자동 기록

"키프레임 추가" 같은 명시적인 버튼 조작이 필요하지 않습니다. 캔버스상의 오브젝트를 드래그하여 이동·확대 축소·회전시키면 그 시점의 타임라인 위치에 자동으로 키프레임이 기록됩니다. 키프레임 사이의 동작은 베지에 곡선으로 보간되며 완만하게 시작하고 완만하게 끝나는 (이즈인·이즈아웃) 설정도 선택 가능합니다. 오브젝트마다 루프 재생 (지정 구간 반복)의 설정도 가능합니다.

05

외관 편집 (캔버스 조작)

화면 중앙의 캔버스에서 오브젝트를 직접 조작하여 배치·이동·변형하고 외관을 변경할 수 있습니다.

오브젝트 선택 및 조작

캔버스 위의 오브젝트를 클릭하면 선택되어 이동·회전·크기 조정 등의 핸들이 표시됩니다. 드래그하여 이동하거나 모서리의 핸들을 드래그하여 크기를 조정할 수 있습니다. 핸들의 회전 표시를 사용하여 각도를 조정할 수도 있습니다. 여러 오브젝트를 동시에 선택하려면 Ctrl/Cmd를 누르면서 클릭하거나 드래그로 선택 영역을 만들 수 있으며, 선택된 여러 오브젝트를 함께 이동·확대 축소할 수 있습니다.

사전 설정 애니메이션

오브젝트의 등장·퇴장에 한 클릭으로 적용할 수 있는 정형 애니메이션 (바운스 등장, 회전하며 등장, 슬라이드인 등)이 준비되어 있습니다. 적용하면 위치·스케일·회전·불투명도에 여러 키프레임이 자동 생성되며 그 후 수동으로 개별 조정도 가능합니다.

교체용 일러스트 전환

같은 캐릭터 오브젝트에 대해 시각에 따라 표시할 이미지 파일을 전환할 수 있습니다. 표정 차분이나 입모양 같은 표현을 1개 오브젝트 내에서 여러 장의 이미지를 시간순으로 배열하기만 하면 실현 가능합니다.

불투명도·스케일의 애니메이션

오브젝트마다 불투명도·확대 축소를 시간순으로 변경할 수 있습니다 (페이드인·페이드아웃 등). 캔버스의 배경색·배경 이미지도 자유롭게 설정 가능합니다.

이미지 이펙트

이미지 오브젝트에 흐림·세피아·흑백·색상 보정 등의 시각 이펙트를 사전 설정에서 선택하여 적용할 수 있습니다. 사전 설정을 선택하면 파라미터가 자동 설정되며 그곳에서 개별 미조정도 가능합니다. 처리가 무거운 이펙트는 저사양 PC (Chromebook 등)에서도 쾌적히 동작하도록 온오프를 전환할 수 있습니다.

06

텍스트·가사 편집

가사·자막·내레이션은 "문단·줄"을 1개의 블록으로 취급하여 블록 단위로 표시 타이밍을 조정합니다.

블록 단위의 타이밍 조정

가사 1줄 또는 문장의 1문단을 1개의 타이밍 슬롯으로 취급하여 각각의 표시 시작·종료 타이밍을 개별 조정할 수 있습니다. 음악 재생 중 가사가 타이밍에 맞게 표시되는지 미리보기로 확인하면서 미조정할 수 있습니다. 텍스트 블록은 타임라인상에서 본체를 드래그하여 시간축상의 위치를 이동할 수 있지만 좌우 끝을 드래그하여 블록 폭만 신축하는 것은 불가능합니다 (블록 폭은 텍스트 내용과 타이밍에 따라 결정되는 사양입니다). 줄을 추가·삭제하면 타이밍 슬롯의 대응 관계가 바뀌므로 내용 편집 후에는 타이밍 패널에서 확인하기를 권장합니다. 텍스트·가사·문단의 각 블록은 캔버스 위에서 더블클릭(터치 단말에서는 더블 탭)하면 내용 편집 다이얼로그를 직접 열 수 있습니다.

폰트·장식

폰트·문자색·크기를 자유롭게 설정할 수 있을 뿐 아니라 페이드인·페이드아웃 애니메이션도 추가할 수 있습니다. 그라데이션 칠하기·그림자·윤곽을 조합한 장식적인 문자 스타일도 설정 가능하며 폰트 설정 다이얼로그의 "랜덤" 기능을 사용하면 장식 내용도 포함하여 무작위로 제안됩니다. 「느낌으로 색 바꾸기」의 6개 버튼(밝게 / 어둡게, 선명히 / 은은히, 따뜻하게 / 차갑게)으로 문자색·윤곽·그라데이션·그림자 색도 조금씩 원하는 방향으로 옮길 수 있습니다. 조정할 색은 색 견본에서 먼저 고르며, 더 이상 바꿀 수 없는 방향의 버튼은 누를 수 없게 됩니다. 채우기를 그라데이션으로 설정한 경우에는 색 견본 맨 앞의 「함께」를 고르면 시작 색과 끝 색을 동시에 바꿀 수 있습니다. 「실행 취소」로 언제든지 되돌릴 수 있습니다(「함께」로 한 조정도 한 번에 되돌아갑니다). 폰트 선택지는 기본적으로 앱의 표시 언어에 맞춰 필터링됩니다(예를 들어 표시 언어가 일본어인 경우 일본어 폰트와 영문자 폰트만 표시됨). 다른 언어의 폰트를 사용하고 싶다면 도구 모음의 '?' 메뉴 내의 '표시 모드'에서 추가로 선택해주세요.

텍스트 음성 변환 (브라우저 음성 합성 기능)

텍스트·가사·문단의 각 블록에는 브라우저 내장의 텍스트 음성 변환 기능 (Web Speech API)을 개별 설정할 수 있습니다. 이 기능은 HTML 출력 (뷰어)에서의 재생 시에만 유효하며 MP4 출력에는 일절 포함되지 않습니다. 음성의 선택 옵션은 텍스트가 서버로 송신되지 않는 로컬 음성만으로 한정되어 있으며, 로컬 음성이 없는 환경에서는 텍스트 음성 변환 기능 자체가 사용되지 않습니다. 대응 브라우저·OS 조합에 따라 동작이 다르며 특히 iOS Safari에서의 대응 상황은 보증하지 않습니다 (지원 환경 섹션 참조).

07

음성 편집

08

저장 및 작업 폴더

09

출력 형식의 사용 분류

10

공개·공유

KiraNeiro는 "재생 엔진"만을 호스트하며 콘텐츠 자체의 저장·등록은 수행하지 않습니다. 공개·공유는 사용자 자신의 스토리지 파일을 가리키는 URL을 공유하거나 내보낸 파일 자체를 직접 공유하는 두 가지 방법으로 수행할 수 있습니다.

URL 공유

사용자 자신의 스토리지 (GitHub 등)에 공개한 `.kneiro` 파일의 URL을 URL 엔코딩하고 https://kiraneiro.chronovis-software.com/view?src={.kneiro 파일의 공개 URL} 형식으로 지정하기만 하면 재생 페이지로 기능합니다. 이 URL을 그대로 SNS에 붙일 수 있습니다. OGP (링크 카드 표시)는 의도적으로 준비하지 않아 크리에이터가 직접 비주얼과 문장을 붙여 게시하는 것을 가정하고 있습니다.

파일 공유

내보낸 파일 (.kneiro 프로젝트 파일 또는 HTML 공유 파일)을 채팅 앱·이메일·USB 드라이브 등으로 직접 공유할 수 있습니다. 받은 사람은 KiraNeiro 뷰어에서 파일을 열거나 선택하여 로컬에서 재생할 수 있습니다. URL 기반 공유와 달리 특정 사람과의 비공개 공유를 원하는 경우나 인터넷 연결 없이 로컬에서 재생하고 싶을 때 유용합니다.

삽입 (iframe)

<iframe src="https://kiraneiro.chronovis-software.com/embed?src={.kneiro 파일의 공개 URL}"> 형식으로 자신의 웹 사이트에 재생 엔진만 삽입할 수 있습니다. /embed는 컨트롤 바만의 미니멀한 외관이 됩니다.

스토리지의 CORS 제약

뷰어는 지정된 URL에서 직접 콘텐츠를 취득하므로 저장처의 클라우드 스토리지가 CORS (크로스오리진 요청)를 허가하고 있어야 합니다. GitHub (GitHub Pages·원본 파일 배포)는 대응하고 있지만 Google Drive나 Dropbox 공유 링크는 CORS 제약으로 사용 불가능한 경우가 있습니다. 또한 뷰어 자체가 https를 통해 배포되므로 지정한 URL도 https여야 합니다(http URL은 브라우저의 Mixed Content 제한에 의해 차단됩니다).

11

PWA 설치

KiraNeiro는 앱으로 설치할 수 있습니다 (PWA: Progressive Web App).

• 데스크톱 Chrome / Edge — 브라우저의 설치 프롬프트에서 데스크톱이나 작업 표시줄에 앱으로 추가 가능
• Android Chrome — 유사하게 브라우저의 설치 프롬프트 (홈 화면에 추가)에서 앱으로 추가 가능
• iOS Safari — 브라우저의 자동 설치 프롬프트는 표시되지 않지만 공유 메뉴의 "홈 화면에 추가"에서 수동으로 설치 가능하며 앱 같은 외관으로 시작 가능
• 설치 후에는 브라우저의 UI (주소 표시줄 등)가 표시되지 않는 앱 같은 외관으로 시작됨
• 앱 본체 (HTML/JS/CSS)는 Service Worker로 캐시되어 오프라인에서도 에디터를 시작하여 기존 프로젝트 편집을 계속 가능
• 뷰어의 오프라인 재생은 미지원 (외부의 .kneiro 파일을 매번 취득해야 하므로)

12

모션 녹화

13

알려진 제약·트러블슈팅