ずんだもんのプチ音声動画作成ツール使い方

---

1. 基本設定の変更

タイムライン長さの設定

• タイムライン長さ
  ページ上部の「タイムライン長さ」欄に動画全体の再生時間（秒）を入力します。
  ※入力後は自動的に保存され、次回アクセス時も前回の設定が読み込まれます。

キャンバスサイズの変更

• キャンバス：幅・高さ
  動画の背景として利用するキャンバスのサイズを変更できます。
  • 幅と高さを入力し、隣の「適用」ボタンをクリックしてください。
    ※この設定も自動保存され、再度ページを開いたときに前回のサイズが復元されます。

キャラクターの配置設定

• キャラクター：高さ、配置X・Y
  キャラクターの大きさや表示位置を調整できます。
  • キャラクターの高さ、X座標、Y座標を入力し、「適用」ボタンを押してください。
    ※設定は localStorage に保存され、次回以降も同じ状態で表示されます。

---

2. 背景画像の設定

• 背景画像アップロード
  自分好みの背景画像を設定するには、「背景画像」欄から画像ファイルを選択し、隣の「背景画像を設定」ボタンをクリックします。
  ※画像が読み込まれると、キャンバスの背景に表示されます。

---

3. 音声トラックの追加と編集

音声の追加

• 音声ファイルのアップロード
  「音声」欄から再生したい音声ファイル（MP3やその他対応形式）を選び、「音声を追加」ボタンをクリックします。
  ※追加された音声トラックはタイムライン上にブロックとして表示されます。

音声トラックの編集

• トラックのドラッグ＆ドロップ
  タイムライン上に表示された音声トラックのブロックをドラッグして、再生開始時刻を調整できます。
• 感情の選択
  各音声トラックには感情選択ドロップダウンがあり、キャラクターの表情（例：「喜」「怒」「哀」）を連動させることができます。
• 削除
  トラックブロック内の「×」ボタンをクリックすると、その音声トラックを削除できます。

---

4. 腕のポーズイベントの設定

左腕・右腕イベントの追加

• イベントの入力
  各腕について、以下の情報を入力します。
  • 開始：イベントが始まる時間（秒）
  • 持続：イベントの持続時間（秒）
  • ポーズ：実際に表示されるポーズ（「基本」「腰」「手を挙げる」など）
• 追加ボタン
  入力内容を確認し、「追加」ボタンをクリックすると、タイムライン上に小さなブロックとしてイベントが表示されます。
  ※表示位置や幅はタイムライン全体の長さに合わせて自動計算されます。

イベントの削除

• タイムライン上に表示されるイベントブロックをクリックすると、そのイベントが削除されます。

---

5. 再生・録画と動画の保存

再生の開始

• 再生ボタン
  ページ上部の「▶ 再生」ボタンをクリックすると、設定された音声トラックや腕のポーズイベントに合わせてキャラクターが動き出します。
  • キャラクターは音声に合わせた口パクや、設定された腕のポーズに変化します。
  • 再生中はタイムライン上に赤い再生ヘッドが動き、経過時間がわかります。

再生の停止

• 停止ボタン
  必要に応じて「⏹ 停止」ボタンで再生を中断できます。

動画の録画と保存

• 録画機能
  再生開始と同時に、キャンバス（キャラクターや背景）と音声が録画されます。
• 保存ボタン
  再生が完了または停止すると、「💾 保存」ボタンが有効になります。
  これをクリックすると、録画された動画（WebM形式）をダウンロードできます。

---

6. 設定内容の自動保存

• 本ツールでは、タイムラインの長さ、キャンバスサイズ、キャラクターの高さ・配置情報が自動的に localStorage に保存されます。
  ※ページを再読み込みしても、前回の設定が復元されるため、何度も同じ入力をする必要がありません。

---

7. 使い方のまとめ

1. 初期設定
   タイムライン長さ、キャンバスサイズ、キャラクターの表示位置・大きさを入力し、各「適用」ボタンで設定を確定します。
2. 背景と音声の準備
   背景画像をアップロードし、音声ファイルを追加。音声トラックの感情設定もお好みで行いましょう。
3. イベントの追加
   左右の腕のポーズイベントを必要に応じて追加し、タイムライン上で確認・編集します。
4. 再生と録画
   「再生」ボタンをクリックしてプレビューし、動作が確認できたら動画として録画。録画終了後、「保存」ボタンから動画をダウンロードしてください。

---

最後に

この動画編集ツールは、シンプルな操作でキャラクターと音声を連動させた動画作成が可能です。各設定は自動保存されるため、気軽にお試しいただけます。ぜひ、いろいろな組み合わせで動画を作成してみてください！