說明

00

KiraNeiro 是什麼

無需學習影片編輯軟體的成本，直接將音樂、插圖、文字、語音轉換為「動畫內容」並傳遞給他人的工具。

解決的問題

許多創作者擁有想表現的內容——樂曲、插圖、文字、旁白——但需要新學習專業的影片編輯軟體，花費大量時間、金錢和學習成本來將這些內容轉換為影片。既有的影片編輯工具建立在「影片檔案」的前提上，對於個人創作者的日常使用來說門檻過高。KiraNeiro 移除了這道門檻，只需打開瀏覽器即可開始製作的輕量級創作環境。

可製作的內容類型

類型	內容	主要使用者
MV（音樂影片）	隨著樂曲移動插圖和歌詞	創作歌手、Vocaloid 創作者、插畫家
解說影片	將旁白音聲與圖表、文字同步	教育/解說系創作者
短篇故事	結合文字、朗讀音聲和插圖的短編	小說家、朗讀創作者
朗讀影片	將朗讀音聲與文字顯示同步	作家、有聲書系創作者
繪本	將多頁插圖、文字、音聲整合為一部作品	繪本作家、漫畫創作者
語音附帶照片	將單張照片與一段音聲結合的最小配置內容	回憶分享、一般用戶

設計思想（與其他影片編輯軟體的差異）

• 音樂視覺化 — 不採用「看不懂」的波形顯示，而是用色彩和形狀視覺化音量、BPM，使圖像與聲音配合的工作更直觀（和弦進行的可視化目前尚未支援）
• 用自己的繪畫動起來 — 並非由 AI 從零生成影像，而是將用戶自己的插圖或角色作為主角動起來。重視能夠活用既有的繪畫和世界觀
• 輕量級格式 — 再編輯用的專案檔案（.kneiro）不是影片檔案，而是 JSON + 資產檔案的組合，比影片檔案輕，比靜止畫面更具表現力。也可寫出成 MP4 動畫檔案用於上傳至 YouTube·TikTok 等（詳見「輸出格式的用法區分」）
• 結構型歌詞·文字編輯 — 將歌詞和文字視為段落·行單位的「區塊」，按區塊單位調整顯示時序
• 內容類型特定的精靈 — 根據 MV、繪本、語音附帶照片等類型，在共通時間軸編輯器之上提供最佳化的建立流程（精靈）

無伺服器設計（著作權·隱私考慮）

KiraNeiro 是「只提供播放引擎（檢視器）」的服務，不會將用戶在瀏覽器中載入的音聲、圖片、文字等素材檔案傳送或儲存到 KiraNeiro 的伺服器上。所有處理都在用戶的瀏覽器內完成（用戶端）。製作的內容保存在用戶自己的本地儲存空間或用戶自己管理的雲端儲存空間（GitHub 等）中。因此，內容的著作權和公開範圍的管理責任完全由用戶承擔。

費用

完全免費使用，無功能限制（贊助制）。影片匯出完成後的畫面上，可自選進行贊助或 SNS 分享以表支持，但這些都是可選的，製作過程中不會出現強制顯示的情況。

01

支援環境

02

開始使用（建立專案）

從頂部頁面的「開啟編輯器」進入專案建立畫面，選擇想製作的內容類型開始。

可建立的專案類型

類型	精靈流程
歌詞 MV	新增樂曲（音聲） → 新增角色·背景插圖 → 輸入歌詞文字，設定各行時序
繪本	指定頁數 → 新增旁白音聲（選用），音聲長度會自動按比例分配各頁顯示時間 → 新增各頁背景插圖·文字
語音附帶照片	新增 1 張照片（作為涵蓋整個畫布的背景配置） → 新增 1 段音聲（上傳或即時麥克風錄音） → 音聲長度直接成為內容的播放時間，最簡單的建立流程

任何精靈都採用步驟顯示和引導文案的指引形式，即使沒有影片編輯知識也能不迷茫地完成。完成精靈後，進入一般時間軸編輯器畫面，可在此自由編輯。也可跳過精靈，從空白專案自行組建。

根據投稿平台設定畫布尺寸

在建立專案時（或之後任何時候），只需選擇投稿預定平台，畫布的寬高比即自動設定。

平台	尺寸	寬高比
YouTube / 日本版 niconico / 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 以上的大型音聲檔案。除了新增檔案，也可以在播放主音聲的同時，用麥克風即時錄製歌聲或旁白（參閱下方「用麥克風錄音」）
• 文字 — 直接輸入歌詞、字幕、旁白稿等
• 表情符號/顏文字 — 從分類中選擇表情符號或顏文字，放在畫布上。因為不新增圖片檔案所以輕量級。和其他文字素材相同，支援移動、放大縮小、旋轉、關鍵禎操作。最近使用的印章會作為「常用」保存在瀏覽器中，方便重新選擇
• 手寫 — 可用觸控筆、滑鼠或觸控即時繪製線條並直接錄製。選擇「有動畫」時，會與主音聲播放同步錄製，與用麥克風錄音相同。錄製完成的筆劃事後可變更顏色、粗細、線端形狀（參閱下方「手寫筆劃設定」）
• 特效 — 可將雨、雪、花瓣/落葉、紙花等粒子效果配置到時間軸上。無需新增檔案，只要選擇預設即可新增（詳見下方「新增特效素材」）

我的最愛

在畫布上的物件按右鍵（或長按），選擇「其他 ▶ 新增到我的最愛」，可指定群組名稱保存。已保存的物件可從「新增素材」面板的「我的最愛」分頁中按群組篩選，選擇後再配置到畫布上。由於配置位置會根據畫布中央和現在播放位置重新計算，因此無須在意原始位置或時序，即可自由重複使用。圖片、歌詞、文章物件的我的最愛會連同實體保存在瀏覽器內，故可在其他專案中調用。我的最愛不會保存到專案檔案中，而是保存在瀏覽器（裝置）內。

影片素材的新增（不含音聲的迴圈影片）

從「影片」分頁新增影片檔案（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 的伺服器。

新增特效素材（雨、雪、花瓣、紙花等粒子效果）

從「特效」分頁中，只要選擇雨、雪、花瓣/落葉、紙花其中一種預設，就能將粒子效果新增到時間軸上。不需要選擇檔案，選擇後會立即以預設外觀配置。新增後，可在右側的屬性面板調整顏色、不透明度、密度（粒子量）、速度、大小、擾動，以及各預設特有的細部參數（例如雨的角度或雪的風力強度）。特效可作為背景使用，也可作為前景使用，沒有專用核取方塊，而是透過與其他物件相同的圖層順序操作（右鍵選單的「移到最前」「移到最後」）來切換。例如可以做出角色前方飄落的雪、鋪滿整個背景的雨等疊加表現。

手寫筆劃設定

新增手寫時，可從 2 種繪製方式中選擇。「有動畫」會與主音聲播放同步錄製，播放時也會重現繪製當下的筆順與速度。「無動畫」不與音聲播放同步，直接將繪製的線條作為靜止圖像放置（建立後無法切換）。顏色、粗細、線端（圓形／方形／無突出）可在同一個設定對話框中調整，無論是錄製開始前的預設值，還是選取已錄製筆劃進行事後變更皆可。對話框的「隨機」功能也可讓顏色、粗細、線端組合一起隨機提案。

手寫筆劃動畫設定

「有動畫」錄製的筆劃可在事後改變線條出現的動作。右鍵按一下物件並選擇「動態 ▶ 筆跡動畫」，即可指定兩項設定：「動作」是選擇線條正在被繪製的「繪製」，或是已完成的線條正在被清除的「清除」。「順序」可從「繪製順序」（錄製當下的順序原樣）、「全部反向」（最後繪製的部分先出現）、「筆畫順序反向」（每一筆的繪製方式不變，但筆的順序反向）中選擇。對話框中有實際動作的預覽，按播放按鈕即可確認。長線條以等倍速度確認會花費時間，因此預覽的速度可選擇 1 倍~10 倍（這個速度是預覽確認用，作品的播放速度不會改變）。「無動畫」的筆劃不會隨時間變化，因此不顯示這項設定。若要變更作品實際的播放速度，請在「筆跡動畫」對話框最上方或右側屬性編輯面板中輸入「播放速度」數值（預設 1 倍，可輸入大於 0 到 10 倍、小數點後最多 2 位），兩處編輯的是同一個設定，會實際影響播放、匯出與檢視器（與上述預覽速度不同）。若把速度調得太慢、導致線條在物件消失前尚未畫完，顯示時間會自動延長。

04

時間軸編輯器基本操作

在畫面下方的時間軸上，沿著時間軸配置和調整多個軌道（圖片、文字、音聲）。

基本操作

• 多軌道顯示（同時顯示多個圖片、文字、音聲）
• 播放指示線（顯示現在位置的豎線）可拖曳至任意位置，確認和編輯
• 拖曳時間軸末尾的終端標記（橙色虛線）可以調整內容整體的長度（總時長）。也可以在屬性面板的「總時長」欄位透過數值輸入進行相同的變更
• 軌道縮放，在細節調整和全體俯瞰之間切換
• 軌道排序（拖曳）控制顯示順序（Z 順序） — 上面的軌道更靠前顯示
• 吸附功能 — 自動吸附到網格和其他物件邊緣，輔助位置對齐
• 復原 / 重做實質上無限制（可取消 20 次以上操作）
• 自動儲存 — 編輯內容即時自動保存到瀏覽器，重新載入後可復原

關鍵禎自動記錄

不需要「新增關鍵禎」之類的明確按鈕操作。在畫布上拖曳物件進行移動、縮放、旋轉時，會在該時間軸位置自動記錄關鍵禎。關鍵禎間的動作用貝茲曲線補間，並可選擇緩慢開始、緩慢結束（ease in / ease out）的設定。物件還可設定迴圈播放（重複指定區間）。

05

外觀編輯（畫布操作）

在畫面中央的畫布上直接操作物件，調整物件的外觀（位置、尺寸、旋轉、不透明度、圖片、效果）。

選擇和操作物件

在畫布上點擊選擇物件，拖曳移動位置。使用邊上的控制點可進行尺寸調整和旋轉。同時選擇多個物件，可一起移動和縮放。

預設動畫

物件的登場和退場提供可一鍵套用的標準動畫（彈跳登場、旋轉登場、滑動進入等）。套用後會自動在位置、尺度、旋轉、不透明度上生成多個關鍵禎，之後可手動個別調整。

換差分

對同一角色物件，可按時刻切換顯示的圖片檔案。只需在一個物件內按時間序列排列多張圖片，即可實現表情差分或口型同步等表現。

不透明度·尺度動畫

對物件的不透明度、縮放可按時間序列變化（淡入·淡出等）。畫布的背景色、背景圖片也可自由設定。

圖片效果

可在圖片物件套用模糊、懷舊色調、黑白、色調調整等視覺效果，從預設選擇。選擇預設會自動設定參數，之後也可個別微調。處理較重的效果可開關切換，讓低配 PC（Chromebook 等）也能舒適使用。

06

文字·歌詞編輯

歌詞、字幕、旁白文字視為「段落·行」1 個區塊，按區塊單位調整顯示時序。

區塊單位的時序調整

將歌詞 1 行或文章 1 段落視為 1 個時序槽，可個別調整各自的顯示開始·結束時序。音樂播放時可邊預覽邊微調，確認歌詞是否按時序顯示。文字區塊可在時間軸上拖曳本體移動位置，但無法只拖曳左右邊緣改變區塊寬度（區塊寬度由文字內容和時序決定）。新增或刪除行時時序槽的對應會改變，編輯內容後建議在時序面板上確認。

字型·裝飾

可自由設定字型、文字顏色、尺寸，也可附加淡入·淡出動畫。可組合漸層填充、陰影、輪廓等進行裝飾性文字樣式設計，字型設定對話框的「隨機」功能可隨機提案包括裝飾內容。字型選項預設會根據應用程式的顯示語言進行篩選（例如：若顯示語言為日文，則只會顯示日文字型和拉丁字母字型）。若想使用其他語言的字型，請透過工具列的「?」選單內的「顯示模式」進行新增。

讀出（瀏覽器語音合成功能）

各文字·歌詞·段落區塊可個別設定瀏覽器內建的讀出功能（Web Speech API）。此功能僅在 HTML 輸出（檢視器）播放時有效，MP4 輸出時完全不包含。音聲選項僅限於文本不傳送至外部伺服器的本地語音，若環境中無本地語音則讀出功能本身無法使用。支援的瀏覽器和作業系統組合會導致行為不同，特別是 iOS Safari 上的支援狀況不予保證（參見支援環境章節）。

07

音聲加工

08

儲存與工作資料夾

09

輸出格式

10

公開·分享

KiraNeiro 只提供播放引擎，不進行內容本身的儲存·登錄。內容可透過兩種方式分享：分享指向用戶自己管理的儲存空間上檔案的 URL，或直接傳送匯出的檔案本身。

URL 分享

將 JSON 和資產保存到用戶自己的儲存空間（GitHub 等），直接將 https://kiraneiro.app/view?src={內容 URL} 格式的 URL 貼到 SNS 上即可作為播放頁面發揮作用。OGP（連結卡顯示）有意不提供，期望創作者自己配合視覺和文案發布。

檔案分享

直接透過聊天軟體、電子郵件、USB 隨身碟等方式傳送匯出的檔案（.kneiro 或 HTML 分享檔案），而不使用任何 URL。接收者可在 KiraNeiro 檢視器中開啟或選取這個檔案，在本地播放。此方式可以私密方式與特定人士分享，不需在網路上公開。

嵌入（iframe）

可用 <iframe src="https://kiraneiro.app/embed?src={內容 URL}"> 格式將播放引擎嵌入自己的網站。/embed 只顯示控制條，外觀簡潔。

儲存空間的 CORS 限制

檢視器直接從指定 URL 取得內容，因此保存地的雲端儲存空間需要允許 CORS（跨來源要求）。GitHub（GitHub Pages 和原始檔案配信）支援，但 Google Drive 或 Dropbox 的分享連結因 CORS 限制可能無法使用。

11

PWA 安裝

KiraNeiro 可作為應用程式安裝（PWA: Progressive Web App）。

• 桌面 Chrome / Edge — 可從瀏覽器的安裝提示新增到桌面或工作列作為應用程式
• Android Chrome — 同樣可從瀏覽器的安裝提示（新增到主螢幕）新增為應用程式
• iOS Safari — 瀏覽器的自動安裝提示不會顯示，但可從分享選單的「新增到主螢幕」手動安裝，並以應用程式外觀啟動
• 安裝後無瀏覽器 UI（位址欄等）顯示，以應用程式外觀啟動
• 應用程式主體（HTML/JS/CSS）由 Service Worker 快取，即使離線也能啟動編輯器，繼續編輯既有專案
• 檢視器的離線播放不支援（需要每次取得外部 .kneiro 檔案）

12

動作錄製

13

已知限制·疑難排解