KiraNeiro
ヘルプ
KiraNeiro は、動画編集ソフトを使わずに、音楽・イラスト・文章・声を組み合わせた「軽量な動くコンテンツ」をブラウザだけで作り、公開できる無料の Web アプリです。このページでは、できること・基本的な使い方・仕組み・つまずきやすいポイントをまとめて説明します。
00
KiraNeiro とは
動画編集ソフトを学ぶコストなしで、音楽・絵・文章・声を「動くコンテンツ」にして届けるためのツールです。
解決する問題
楽曲・イラスト・文章・ナレーションといった表現したいコンテンツを持つクリエイターが、それを動画化するためだけに本格的な動画編集ソフトを新たに学ぶ時間・費用・学習コストを払えない、という課題があります。既存の動画編集ツールは「動画ファイル」を前提とした重い作りで、個人クリエイターが日常的に扱うには障壁が高いものでした。KiraNeiro はこの障壁を取り除き、ブラウザを開くだけで着手できる軽量な制作環境を提供します。
作れるコンテンツ種別
| 種別 | 内容 | 主な利用者 |
|---|---|---|
| MV(ミュージックビデオ) | 楽曲に合わせてイラスト・歌詞を動かす | シンガーソングライター、ボカロP、イラストレーター |
| 解説動画 | ナレーション音声に図解・テキストを同期させる | 教育系・解説系クリエイター |
| ショートストーリー | 文章・朗読音声とイラストを組み合わせた短編 | 小説家・朗読クリエイター |
| 読み上げ動画 | 朗読音声にテキスト表示を同期 | 作家・オーディオブック系クリエイター |
| 絵本 | 複数ページのイラスト・テキスト・音声を1本にまとめる | 絵本作家・コミッククリエイター |
| ボイス付き写真 | 写真1枚と音声1本を組み合わせた最小構成のコンテンツ | 思い出投稿・一般ユーザー |
| 動くLINEスタンプ | 短いループアニメーションをLINEスタンプ用のAPNGとして書き出す | LINEスタンプ制作者 |
設計思想(他の動画編集ソフトとの違い)
- 音楽ビジュアライゼーション — 波形のような「見ても意味がわからない」表示ではなく、音量・BPM を色や形で視覚化し、絵と音を合わせる作業を直感的にする(コード進行の可視化は現時点では非対応)
- 自分の絵で動かす — AI が映像をゼロから生成するのではなく、ユーザー自身のイラストやキャラクターを主役として動かす。既存の絵・世界観をそのまま活かせることを重視している
- 軽量な保存形式 — 再編集用のプロジェクトファイル(
.kneiro)は動画ファイルではなく JSON + アセットファイルの組み合わせで、動画ファイルより軽く、静止画より表現力がある。YouTube・TikTok などへの投稿用に MP4 動画として書き出すこともできる(詳しくは「出力形式の使い分け」参照) - 構造ベースの歌詞・テキスト編集 — 歌詞やテキストを段落・行単位の「ブロック」として扱い、ブロック単位で表示タイミングを調整できる
- コンテンツ種別ごとのウィザード — MV・絵本・ボイス付き写真など、種別ごとに最適化された作成手順(ウィザード)を、共通のタイムラインエディタの上に用意している
サーバーフリー設計(著作権・プライバシーへの配慮)
KiraNeiro は「再生エンジン(ビューワー)」のみを提供するサービスであり、ユーザーがブラウザに読み込んだ音声・画像・テキストなどの素材ファイルを KiraNeiro のサーバーへ送信・保存することは一切ありません(すべてブラウザ内の処理で完結します)。制作したコンテンツはユーザー自身のローカルストレージ、またはユーザー自身が管理するクラウドストレージ(GitHub 等)に保存します。そのため、コンテンツの著作権・公開範囲の管理責任はユーザー自身にあります。
料金
完全無料・機能制限なしで利用できます(カンパ方式)。動画の書き出しが完了した画面で、カンパ・SNS拡散による応援を任意で選べますが、これらは強制されず、制作の途中で表示されることもありません。
01
対応環境
エディタ(制作画面)
- 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の組み合わせは、動作を妨げる作りにはなっていない(明示的にブロックしていない)ものの、正式な動作検証は行っていません。「非対応と確認済み」ではなく「動作検証を行っていない」状態とご理解ください。
動画素材(MP4/WebM)を追加する場合、WebM(VP9)は iOS Safari では OS 側の制約により再生できません。iOS で動画素材を使う場合は MP4(H.264)をご利用ください。
ビューワー(再生のみ)
公開後にコンテンツを再生するだけのビューワーページは、Chrome・Edge・Firefox・Safari を含む主要ブラウザ(デスクトップ・モバイル問わず)で動作します。再生には制作側のような特殊な API を必要としないため、視聴者側の環境を選びません。
02
はじめかた(プロジェクト作成)
トップページの「エディタを開く」からプロジェクト作成画面に入り、作りたいコンテンツの種類を選ぶところから始まります。
作成できるプロジェクト種別
| 種別 | ウィザードの流れ |
|---|---|
| 歌詞MV | 楽曲(音声)を追加 → キャラクター・背景イラストを追加 → 歌詞テキストを入力し、行ごとのタイミングを設定 |
| 絵本 | ページ数を指定 → ナレーション音声(任意)を追加すると、音声の長さに応じて各ページの表示時間が自動で按分される → 各ページに背景イラスト・テキストを追加 |
| ボイス付き写真 | 写真1枚を追加(キャンバス全体を覆う背景として配置) → 音声1本を追加(アップロードまたはその場でのマイク収録) → 音声の長さがそのままコンテンツの再生時間になる、最もシンプルな作成フロー |
| 動くLINEスタンプ | 総尺(1〜4秒)を設定 → 複数画像を等間隔に配置したい場合は任意で追加(0枚のまま完了することも可能) → 通常のエディタ画面に移動し、自由に演出を調整 |
いずれのウィザードもステップ表示・案内文に従って進めるガイダンス形式になっており、動画編集の知識がなくても迷わず完成まで到達できるように設計されています。ウィザードを完了すると、通常のタイムラインエディタ画面に移動し、そこから自由に編集を続けられます。ウィザードを使わず、空のプロジェクトから自分で組み立てることも可能です。
投稿先プラットフォームに合わせたキャンバスサイズ
プロジェクト作成時(またはあとからいつでも)、投稿予定のプラットフォームを選ぶだけでキャンバスの縦横比が自動設定されます。
| プラットフォーム | サイズ | アスペクト比 |
|---|---|---|
| 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ステップで選び、線の色・太さ・ペンの種類(Gペン・丸ペン・筆・マーカー・鉛筆)、本数・間隔・左右対称・入り抜きなどを調整しながらプレビューを確認できます。出力形式は「アニメーション」(再生に合わせて描かれていく様子を再現)と「静止画」(完成形をそのまま配置)から選べ、アニメーションを選んだ場合はプレビューでも同じ描き順・タイミングでループ再生されます。複数本の線がある形では「描き順」(左から右/中央から外へ/外から中央へ/ランダム)と「時間差」で、線が1本ずつ順番に描かれる演出を調整できます。「設定」ステップでは項目ごとの「ランダム」ボタンで組み合わせをまとめて提案させることもでき、サイコロアイコンを個別にオフにした項目はランダムの対象から外せます(図形・効果音をその場で作るときと同じ仕組みです)。生成した線は通常の手書きストロークと同じくプロジェクト内に保存され、後から色・太さなどを事後変更できます。
お気に入り
キャンバス上のオブジェクトを右クリック(またはロングタップ)して「その他 ▶ お気に入りに登録」を選ぶと、グループ名を付けて登録できます。登録したオブジェクトは「素材の追加」パネルの「お気に入り」タブから、グループで絞り込みながら選んで再配置できます。配置位置はキャンバス中央・現在の再生位置基準で再計算されるため、元の位置やタイミングを気にせず使い回せます。画像・歌詞・文章オブジェクトのお気に入りはブラウザ内に実体ごと保存されるため、別のプロジェクトでも呼び出せます。お気に入りはプロジェクトファイルには保存されず、ブラウザ(端末)に保存されます。
配置済み素材のファイルを差し替える
配置済みの画像・動画(動く差し絵)オブジェクト、または 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 のサーバーにはアップロードされません。
マイクの接続方法について
収録には Bluetooth(ワイヤレス)マイクではなく、パソコン内蔵のマイクか有線接続のマイクをお使いください。Bluetooth 接続は通信が不安定になりやすく、収録した音声の一部が欠けて、実際に収録した時間より短い音声になってしまうことがあります。
手書きストロークの設定
手書き追加時は、線の描き方を3種類から選べます。「動く手書きを開始」はメイン音声を再生しながら同期して収録し、描いた通りの筆順・速度で線が引かれていく様子を再生時にも再現します。「静止画の手書きを開始」は音声再生とは同期せず、自分のペースで自由に描いた線をそのまま静止画として配置します。「自分のペースで描いて動く手書きに変換」は静止画と同じく自由なペースで描けますが、描き終えると自動的に、線を引く速さを一定にそろえ・線と線の間に短い間(ま)を入れた「動く手書き」に変換されます(自分のペースで描きながら、再生時にはなめらかな一定速度のアニメーションとして見せたい場合に使います)。いずれも作成後に別の方式へ切り替えることはできません。色・太さ・線端(丸/四角/突出なし)・ペンの種類(Gペン・丸ペン・筆・マーカー・鉛筆)は、収録開始前のデフォルト設定としても、収録済みストロークを選択しての事後変更としても、同じ設定ダイアログから調整できます。ダイアログの「ランダム」機能を使うと、色・太さ・線端・ペンの種類の組み合わせをまとめてランダムに提案させることもできます。ダイアログ上部の「かんたん」タブ(初期表示)の「色を感覚で変える」では、色見本を選んで「あかるく/くらく」「あざやか/おだやか」「あたたかく/つめたく」のボタンを押すだけで、ランダムで決まった色を感覚で微調整できます(グラデーションを使っているときは、開始色と終了色を選んで調整します。色見本の先頭の「まとめて」を選ぶと、開始色と終了色を同時に動かせ、まとめての調整も「元に戻す」1回で戻ります)。色コードを直接入力したり、グラデーションの使用・方向を設定したりするときは「詳細」タブに切り替えます。
エフェクト素材の追加(雨・雪・花びら・紙吹雪などのパーティクル演出)
「エフェクト」タブから、雨・雪・花びら/落ち葉・紙吹雪のいずれかのプリセットを選ぶだけで、タイムラインにパーティクル演出を追加できます。ファイルを選ぶ必要はなく、選んですぐに既定の見た目で配置されます。追加後は右側のプロパティパネルで、色・不透明度・密度(粒の量)・速さ・大きさ・ゆらぎ、およびプリセットごとの詳細パラメータ(雨の角度や雪の風の強さなど)を調整できます。エフェクト設定ダイアログの「色を感覚で変える」の6つのボタン(あかるく/くらく・あざやか/おだやか・あたたかく/つめたく)で、ランダムで決まった色を少しずつ寄せることもでき、「元に戻す」でいつでも戻せます。雨・雪・花びら/落ち葉・紙吹雪・シャボン・光の粒・星空では「奥行き」のチェックボックスをONにすると、粒ごとに大小・濃淡の差がついて立体的に見えるようになります。背景としても前景としても使え、専用のチェックボックスはなく、他のオブジェクトと同じレイヤー順の操作(右クリックメニューの「前面へ」「背面へ」)で切り替えます。たとえばキャラクターの手前に降る雪、背景いっぱいに降る雨、といった重ね方ができます。
手書きストロークの動きの設定
「アニメーションあり」で収録したストロークは、線が現れる動きを後から変えられます。オブジェクトを右クリックして「動き ▶ 動きの設定」を選ぶと、「動き」と「順番」の2つを指定できます。「動き」は線が描かれていく「描く」か、完成した線が消えていく「消す」かを選びます。「順番」は「描いたとおり」(収録したそのままの順番)・「すべて逆」(最後に描いた部分から現れる)・「ひと筆ごとに逆」(一筆ごとの描き方はそのままで、筆の順番だけが逆になる)から選びます。ダイアログには実際に動くプレビューがあり、再生ボタンで確認できます。長い線は等倍だと確認に時間がかかるため、プレビューの速さを1倍〜10倍から選べます(この速さはプレビューの確認用で、作品の再生速度は変わりません)。「アニメーションなし」のストロークは時間による変化を持たないため、この設定は表示されません。作品自体の再生速度を変えたい場合は、「動きの設定」ダイアログの一番上、または右側のプロパティ編集パネルにある「再生速度」(既定1倍、0倍より大きく10倍までを小数点第2位まで指定可)を入力してください。どちらも同じ設定で、実際の再生・書き出し・ビューワーに反映されます(上記のプレビューの速さとは別物です)。速度を遅くして描き終わる前に線が消えてしまう場合は、表示時間が自動的に延長されます。
04
タイムラインエディタの基本操作
画面下部のタイムラインで、複数のトラック(画像・テキスト・音声)を時間軸に沿って配置・調整します。
基本操作
- マルチトラック表示(画像・テキスト・音声を同時に複数表示)
- 再生ヘッド(現在位置を示す縦線)をドラッグして好きな位置から確認・編集できる
- タイムライン末尾の終端マーカー(オレンジ色の点線)をドラッグすると、コンテンツ全体の長さ(総尺)を調整できる。プロパティパネルの「総尺」欄からの数値入力でも同様に変更可能
- トラックのズームイン・アウトで、細かい調整と全体俯瞰を切り替えられる
- トラックの並べ替え(ドラッグ)で表示の前後関係(Zオーダー)を制御 — 上にあるトラックほど手前に表示される
- スナップ機能 — グリッドや他のオブジェクトの端に自動で吸着し、位置合わせを補助する
- Undo / Redo は実質無制限(直前20操作以上を取り消せる)
- オートセーブ — 編集内容はブラウザ内にリアルタイムで自動保存され、リロード後も復元できる
キーフレームの自動記録
「キーフレームを追加」のような明示的なボタン操作は不要です。キャンバス上のオブジェクトをドラッグして移動・拡大縮小・回転させると、その時点のタイムライン位置に自動でキーフレームが記録されます。キーフレーム間の動きはベジェ曲線で補間され、緩やかに始まって緩やかに終わる(イーズイン・イーズアウト)動きも選べます。オブジェクトごとにループ再生(指定区間を繰り返す)の設定も可能です。
05
見た目の編集(キャンバス操作)
画面中央のキャンバス上でオブジェクトを直接操作し、見た目(位置・拡大縮小・透明度・画像・エフェクト)を時間の経過とともに変化させられます。
オブジェクトの選択・操作
キャンバス上のオブジェクトをクリックして選択し、ドラッグで移動・ハンドルで拡大縮小・回転できます。複数オブジェクトを同時選択して、まとめて移動・スケール変更することも可能です。
プリセットアニメーション
オブジェクトの登場・退場に、ワンクリックで適用できる定型アニメーション(バウンス登場、回転しながら登場、スライドインなど)が用意されています。適用すると位置・スケール・回転・不透明度に複数のキーフレームが自動生成され、その後は手動で個別に調整することもできます。
差し絵切り替え
同一のキャラクターオブジェクトに対して、時刻ごとに表示する画像ファイルを切り替えられます。表情差分や口パクのような表現を、1つのオブジェクトの中で複数枚の画像を時系列に並べるだけで実現できます。
透明度・スケールのアニメーション
オブジェクトごとに透明度・拡大縮小を時系列で変化させられます(フェードイン・フェードアウトなど)。キャンバスの背景色・背景画像も自由に設定できます。
画像エフェクト
画像オブジェクトに、ぼかし・セピア・モノクロ・色調補正などの視覚エフェクトをプリセットから選んで適用できます。プリセットを選ぶとパラメータが自動設定され、そこから個別に微調整することも可能です。処理が重くなりやすいエフェクトは、安価な PC(Chromebook 等)でも快適に動作するようオンオフを切り替えられます。
06
テキスト・歌詞編集
歌詞・字幕・ナレーションは「段落・行」を1つのブロックとして扱い、ブロック単位で表示タイミングを調整します。
ブロック単位のタイミング調整
歌詞1行、あるいは文章の1段落を1つのタイミングスロットとして扱い、それぞれの表示開始・終了タイミングを個別に調整できます。音楽再生中に歌詞がタイミング通りに表示されるかをプレビューで確認しながら微調整できます。テキストブロックはタイムライン上で本体をドラッグして時間軸上の位置を移動できますが、左右の端をドラッグしてブロック幅だけを伸縮することはできません(ブロックの幅はテキスト内容とタイミングによって決まる仕様です)。行を追加・削除するとタイミングスロットの対応関係が変わるため、内容を編集した後はタイミングパネルで確認することをおすすめします。テキスト・歌詞・文章の各ブロックはキャンバス上でダブルクリック(タッチ端末ではダブルタップ)すると、内容編集ダイアログを直接開けます。
フォント・装飾
フォント・文字色・サイズを自由に設定できるほか、フェードイン・フェードアウトのアニメーションも付けられます。グラデーション塗り・影・輪郭を組み合わせた装飾的な文字スタイルも設定可能で、フォント設定ダイアログの「ランダム」機能を使うと装飾内容も含めてランダムに提案されます。「色を感覚で変える」の6つのボタン(あかるく/くらく・あざやか/おだやか・あたたかく/つめたく)で、文字色・縁取り・グラデーション・影の色を少しずつ寄せることもできます。調整する色は色見本から選び、これ以上変えられない向きのボタンは押せなくなります。グラデーションにしているときは、色見本の先頭の「まとめて」を選ぶと、始まりの色と終わりの色を同時に動かせます。「元に戻す」でいつでも戻せます(まとめての調整も1回で戻ります)。フォントの選択肢は、初期状態では画面の表示言語に対応するもの(例: 表示言語が日本語なら日本語フォント+英数字フォント)のみに絞り込んで表示されます。他の言語のフォントを使いたい場合は、ツールバーの「?」メニュー内の「表示モード」から言語を追加で選択してください。
読み上げ(ブラウザの音声合成機能)
テキスト・歌詞・段落の各ブロックには、ブラウザ内蔵の読み上げ機能(Web Speech API)を個別に設定できます。この機能はHTML書き出し(ビューワー)での再生時のみ有効で、MP4への書き出しには一切含まれません。音声の選択肢は、テキストがサーバーに送信されないローカル音声のみに限定しており、ローカル音声が利用できない環境では読み上げ機能自体が使えません。対応ブラウザ・OSの組み合わせによって挙動が異なり、特にiOS Safariでの対応状況は保証していません(「対応環境」セクションを参照)。
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)にフォールバックするため、iOS でも動画出力自体は可能です。WebCodecs・MediaRecorder のいずれも利用できない環境では書き出し非対応のエラーになります。書き出しには数分かかる場合があります。YouTube・TikTok などへの投稿に使う完成ファイルです。
MP4 の映像コーデックには H.264(AVC)を使用しています。通常、個人での動画投稿や一般的な Web 上での配布・商用利用において、個別に特許ライセンスの手続きが必要になることはありません。
※ただし、有料動画配信サービスでの大規模な配信や、有料メディアとしての大量販売など、特定の商業利用形態においては別途ライセンス手続きが必要となる場合があります。
なお、環境によってはブラウザ起動時に AVC 関連の同意を求められる場合がありますが、これはブラウザ側の利用条件によるもので、書き出した動画の利用を制限するものではありません。
HTML 共有 — 外部接続型
ファイルサイズが小さい。再生エンジンは実行時に kiraneiro.chronovis-software.com から読み込むため、インターネット接続が必要です。エンジンの更新は自動で反映されます。iOS(iPhone・iPad)でもエクスポートボタンから書き出せます。ただし iOS Safari ではローカル HTML ファイルを直接タップして実行可能な形で開く手段がないため、書き出したファイルをファイルアプリ等で直接開くと再生案内画面が表示されます。案内内のリンクから kiraneiro.chronovis-software.com/view を開き、同じファイルを選び直すと再生できます(他のパソコン等で出力したファイルを iPhone・iPad で受け取った場合も同じ手順で再生できます)。
HTML 共有 — 自己完結型
ファイルサイズが大きめ(約 256 KB+プロジェクトデータ)。再生エンジンが完全に内包されているため、オフラインで再生でき、サーバーの状況に左右されません。将来 kiraneiro.chronovis-software.com 側の再生エンジンがバージョンアップされても、この方式で書き出したファイルの再生内容は変わりません。iOS でもエクスポートボタンから書き出せます。ファイルを開いて再生する手順は外部接続型と同じです。
APNGで書き出す
動くPNG(APNG)を書き出せるメニューです。フレーム数(2〜120)・ループ回数(無限も指定可)・カラー数を自由に設定できます。「背景を透明にする」設定に対応しており、ONにすれば透明背景、OFFであれば設定した背景色で書き出されます。目標ファイルサイズを指定すると「計算する」ボタンが表示され、そのサイズに収まるフレーム数を計算できます(未指定時は「書き出す」を押すとすぐに書き出されます)。
LINEスタンプを書き出す(APNG)
「動くLINEスタンプ」プロジェクトでのみ表示される専用の書き出しメニューです。透明背景のアニメーションPNG(APNG、320×270px)として書き出します。フレーム数(5〜20)・ループ回数(1〜4)を指定し、「計算する」ボタンで書き出し前にファイルサイズを確認できます。LINEスタンプの規定(1ファイル1MB以内)を超える場合は、色数を落とす案・フレーム数を減らす案の2通りが提示され、選んで再調整できます。
⚠️ 書き出したAPNGファイルは、そのままではLINEのトークで使えません。LINE Creators Studioにスタンプとして申請し、審査を通過してはじめてLINE上で使えるようになります(LINE公式の仕組みです)。個人でトークの背景や画像として使いたいだけの場合は、通常の「1から自由に作る」で動画・画像として書き出すことをおすすめします。
10
公開・共有
KiraNeiro は「再生エンジン」のみをホストし、コンテンツ自体の保存・登録は行いません。公開・共有の方法は、ユーザー自身が管理するストレージ上のファイルを指す URL をシェアする方法と、書き出したファイルそのものをチャットアプリ等で直接送って相手のブラウザでローカルに開いてもらう方法の2通りがあります。
URL 共有
ユーザー自身のストレージ(GitHub 等)に公開した .kneiro ファイルの URL を URL エンコードし、https://kiraneiro.chronovis-software.com/view?src={.kneiroファイルの公開URL} の形式で指定するだけで再生ページとして機能します。この URL をそのまま SNS に貼れます。OGP(リンクカード表示)は意図的に用意しておらず、クリエイターが自分でビジュアルと文章を添えて投稿することを想定しています。
ファイル共有
URL を用意せず、書き出したファイル(.kneiro や HTML 共有ファイル)そのものをチャットアプリ・メール・USBメモリなどで直接渡す方法もあります。受け取った相手は KiraNeiro のビューワー画面でファイルを選択するだけでローカルに再生できます。この方法ではファイルをどこにも公開せずに、特定の相手とだけ共有できます。
埋め込み(iframe)
<iframe src="https://kiraneiro.chronovis-software.com/embed?src={.kneiroファイルの公開URL}"> の形式で、自分の Web サイトに再生エンジンだけを埋め込めます。/embed はコントロールバーのみのミニマルな見た目になります。
ストレージの CORS 制約
ビューワーは指定された URL から直接コンテンツを取得するため、保存先のクラウドストレージが CORS(クロスオリジンリクエスト)を許可している必要があります。GitHub(GitHub Pages・raw ファイル配信)は対応していますが、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
モーション収録
ライブモーションポイントの収録方法
録画ボタンを押すと再生が始まります。再生中にキャンバス上のオブジェクトをドラッグすると、その動きがリアルタイムで記録されます。手作業で1点ずつキーフレームを打つより素早く、音楽に合わせた自然な動きを収録できます。
表示時間は自動で延びます
ドラッグで動きを記録している途中に、そのオブジェクトの表示終了時刻を過ぎても収録は止まりません。オブジェクトが途中で消えることなく、そのまま最後までドラッグを続けられます。確定すると、ドラッグを終えた時点までオブジェクトの表示時間が自動的に延長されて保存され、書き出した動画やビューワーでの再生にも反映されます。確定ダイアログでキャンセルした場合や、動きが記録されなかった場合は、表示時間は元のままです。
収録確定ダイアログ — 3つのモード
録画を止めると確定ダイアログが表示されます。
- そのまま — 記録した軌跡をそのまま保持
- 直線 — 軌跡を直線セグメントに単純化
- 滑らか — 記録点をなめらかな曲線に近似
歌詞・散文の表示タイミングを収録モードで変更する
収録モードを使うと、歌詞・散文ブロックの各行が表示される瞬間を録り直せます。録画ボタンを押すと再生が始まり、各行を表示させたいタイミングで「次へ」ボタンをクリック(またはタップ)すると、タイミングがリアルタイムで更新されます。歌詞を目で追いながらリズムに合わせてタイミングを打っていく感覚で、手動でのタイムコード入力より直感的に調整できます。
収録を始めた直後は、歌詞・散文は画面に表示されません(待機状態)。歌い出しなど表示を始めたいタイミングで最初の「次へ」を押すと、先頭の行(散文は先頭の段落)の表示開始時刻がその時点に決まり、表示が始まります。以降の「次へ」は各行を切り替えます。
収録中は帯の「タイミング/モーション」トグルで切り替えられます。「モーション」にすると「次へ」ボタンが無効になり、歌詞・散文の表示タイミングはそのままに、位置・サイズ・回転のモーション収録だけを行えます。
13
既知の制約・トラブルシューティング
BGM が配置できない理由
KiraNeiro はオーディオファイルの実効再生時間が配置スロット(次の BGM アイテム開始位置まで、末尾アイテムはタイムライン終端まで)に収まるかを確認します。ファイルの再生時間が配置スロットより長い場合、配置が拒否されます。
対処法:より短いオーディオファイルを使用するか、BGM の開始位置を調整してスロットを広げてください。
「再生時間を更新」はいつ表示される?
プロジェクト内のすべてのオブジェクトに終点が設定されており、終点の最大値がプロジェクト終了時間と一致しない場合、ファイルメニューに「再生時間を更新」が表示されます。クリックすると、最も遠いオブジェクトの終点にプロジェクト終了時間が合わせて更新されます。オブジェクトを延長した後にプロジェクト時間を調整し忘れた場合によく起こります。
対応していない機能(意図的にスコープ外としているもの)
- 複数人によるリアルタイム同時編集
- AI による自動アニメーション生成(自分の絵を自分で動かす設計を優先しているため)
- 音声合成・ボーカル生成機能(動画コンテンツとしての音声生成、ボーカル生成AI等。ただしブラウザ内蔵の読み上げ機能はHTML書き出し限定で対応、上記「テキスト・歌詞編集」参照)
- コメント・いいね等のコミュニティ機能、作品ギャラリー
- YouTube・ニコニコ動画等への直接アップロード連携
- OCR や自動での歌詞タイミング生成(タイミングは手動調整が基本)
- 画像の背景透明化機能
対応ブラウザ・環境については「対応環境」セクションを参照してください。