KiraNeiro

說明

KiraNeiro 是一款免費的網頁應用程式,讓您無需使用影片編輯軟體,只需在瀏覽器上就能結合音樂、插圖、文字和語音,製作並公開「輕量級動畫內容」。本頁面將介紹功能、基本使用方法、運作原理和常見問題解析。

KiraNeiro 是什麼

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

解決的問題

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

可製作的內容類型

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

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

無伺服器設計(著作權·隱私考慮)

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

費用

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

支援環境

編輯器(製作畫面)

  • Windows + Edge 支援(主要目標環境)
  • Android + Chrome 支援(主要目標環境。具觸控操作專用 UI)
  • iPad + Safari 支援(主要目標環境。具觸控操作專用 UI)
  • 上述以外(Windows/Mac/ChromeOS 的 Chrome、Mac 的 Edge、iPhone Safari、macOS Safari、Firefox 等) 動作但未驗證

主要目標環境為 Windows + Edge、Android + Chrome、iPad + Safari 這 3 種環境,已在這些環境進行動作確認。其他瀏覽器·OS 的組合,製作方式並未明確進行封鎖,但未進行正式的動作驗證。請理解為「非對應且確認不可用」,而是「動作驗證尚未進行」的狀態。

檢視器(僅播放)

公開後只用來播放內容的檢視器頁面,可在包括 Chrome、Edge、Firefox、Safari 等主要瀏覽器(桌面·行動裝置皆可)上正常運作。播放無需製作端那樣的特殊 API,因此使用者端的環境無限制。

開始使用(建立專案)

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

可建立的專案類型

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

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

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

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

平台尺寸寬高比
YouTube / 日本版 niconico / Bilibili1920×108016:9(橫向)
TikTok1080×19209:16(縱向)
YouTube Shorts1080×19209:16(縱向)
Instagram Reels / Stories1080×19209:16(縱向)
Spotify Canvas1080×19209:16(縱向)
X1080×10801:1(正方形)
Instagram 動態消息(1:1)1080×10801:1(正方形)
Instagram 動態消息(4:5)1080×13504:5(縱向)
自訂任意指定任意尺寸

新增素材

將圖片、音聲、文字 3 種素材新增到時間軸,組建內容。

支援格式

從影片檔案提取音聲

直接拖入 MP4(Android 螢幕錄製等)或 MOV(iOS 螢幕錄製等)影片檔案時,只自動提取音聲軌,不使用影像部份,作為一般音聲素材(BGM 或主音聲)匯入。無需用影片編輯軟體切割影像。PC 上可透過拖曳來新增檔案,但在智慧型手機上由於拖曳·置放操作在觸控裝置上不易操作,改為使用檔案選擇對話框選取檔案。

用麥克風錄音

在瀏覽器上播放主音聲軌(伴奏·伴樂)的同時,可用麥克風同步錄製歌聲或旁白。支援的瀏覽器由瀏覽器錄音功能(MediaRecorder API)自動判定,不支援的環境錄音入口本身將隱藏。Chrome、Edge、Firefox 之外,Safari(iOS / macOS)也以 MP4 格式支援錄音。錄製的音聲與其他新增的音聲素材相同,可用於後續的軌道配置和時序調整。錄製的音聲也採無伺服器設計,不傳送到 KiraNeiro 的伺服器。

時間軸編輯器基本操作

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

基本操作

關鍵禎自動記錄

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

外觀編輯(畫布操作)

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

選擇和操作物件

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

預設動畫

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

換差分

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

不透明度·尺度動畫

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

圖片效果

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

文字·歌詞編輯

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

區塊單位的時序調整

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

字型·裝飾

可自由設定字型、文字顏色、尺寸,也可附加淡入·淡出動畫。可組合漸層填充、陰影、輪廓等進行裝飾性文字樣式設計,字型設定對話框的「隨機」功能可隨機提案包括裝飾內容。

音聲加工

降噪

可對主音聲軌套用降噪濾鏡,減低錄製時混入的環境噪音。

音響效果

可對主音聲軌套用混響等音響效果。預覽·匯出·公開後播放時都會反映相同效果。為了讓低配 PC 也能舒適使用,可開關切換處理較重的效果。

儲存與工作資料夾

自動儲存 → 工作資料夾(內部)

KiraNeiro 持續將編輯內容自動儲存到瀏覽器內的工作資料夾(Origin Private File System)。在檔案總管或 Finder 中看不到這個區域。

Ctrl+S → .kneiro 檔案

Ctrl+S(或「檔案 → 另存新檔」),匯出為選定位置的 .kneiro 檔案。這是可攜帶和分享的專案檔案。自動儲存不會更新此檔案。若要在其他裝置繼續編輯或保留備份,請明確儲存為此檔案。

輸出格式

另存新檔(.kneiro)— 專案檔案

儲存完整專案以供日後重新編輯。在 KiraNeiro 中再次開啟即可繼續工作。

匯出影片(MP4)

優先使用 WebCodecs API 匯出為 MP4(最大 1920×1080,匯出無限制)。在不支援 WebCodecs 的環境(Firefox、部分 Safari 版本、iOS Safari 等)下,會自動切換為使用 MediaRecorder API 匯出(MP4 或 WebM)。因此,即使在 iOS 上也能透過 MediaRecorder 匯出 MP4。只有在 WebCodecs 和 MediaRecorder 皆無法使用的環境下,才會顯示不支援匯出的錯誤。用於 YouTube、TikTok 等投稿的完成檔案。

HTML 分享 — 外部連線型iOS 不支援

檔案尺寸較小。播放引擎在執行時從 kiraneiro.chronovis-software.com 讀取,需要網際網路連線。引擎更新自動套用。iOS Safari 無法在執行環境中開啟本地 HTML 檔案,因此此匯出類型在 iOS 不可用。

HTML 分享 — 獨立型iOS 不支援

檔案尺寸較大(約 256 KB + 專案資料)。播放引擎完全內嵌,可離線播放,不受伺服器影響。iOS Safari 無法在執行環境中開啟本地 HTML 檔案,因此此匯出類型在 iOS 不可用。

公開·分享

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 限制可能無法使用。

PWA 安裝

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

動作錄製

即時動作重點錄製方法

開啟錄製按鈕後開始播放。播放過程中在畫布上拖曳物件,其動作即時被記錄。比手工逐點打擊關鍵禎更快速,可錄製配合音樂的自然動作。

錄製確認對話框 — 3 種模式

停止錄製後出現確認對話框。

  • 原樣 — 保留完整錄製軌跡
  • 直線 — 將軌跡單純化為直線段
  • 平滑 — 將錄製點擬合為平滑曲線

用錄製模式變更歌詞·散文的顯示時序

可用錄製模式重新設定歌詞·散文區塊各行顯示的時機。開啟錄製按鈕並播放,在希望各行出現的時刻按下(或觸碰)「下一個」按鈕,時序即時更新。邊看著歌詞邊配合節奏打時序,比手工輸入時間代碼更直觀。

已知限制·疑難排解

BGM 無法配置的原因

KiraNeiro 確認音訊檔案的實際播放時間是否符合配置槽(至下一個 BGM 項目開始,末項至時間軸結束)。檔案的播放時間超過配置槽時配置被拒絕。

對應方法:使用較短的音訊檔案,或調整 BGM 的開始位置以擴大配置槽。

「更新播放時間」何時出現?

當專案內的所有物件均設定終點,且終點最大值與專案結束時間不相符時,檔案選單會顯示「更新播放時間」。按下後,專案結束時間會更新為最遠物件的終點。物件延長後忘記調整專案時間時常發生。

不支援的功能(有意設定為範圍外的功能)

  • 多人即時同步編輯
  • AI 自動動畫生成(優先考慮用自己的繪畫自己動起來的設計)
  • 語音合成·歌聲生成功能
  • 評論·按讚等社群功能、作品相冊
  • YouTube、日本版 niconico 等直接上傳連携
  • OCR 或自動歌詞時序生成(時序以手工調整為基本)
  • 圖片背景透明化功能

關於支援的瀏覽器和環境,請參閱「支援環境」章節。