video

Pause & Tell|動画説明差し込みエディター

動画を止めた場面に声や描画の説明を差し込み、元動画とつないで保存します。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。
操作デモ 実際の操作の流れを短い動画で確認できます。

このツールについて

Pause & Tellは、撮影済み動画の途中で映像を静止し、その場面に解説を加えて完成動画へ差し込むツールです。マイクで声を録りながらペンや矢印を描くことも、音声なしで描画することもできます。

説明の前後には元動画と元音声をそのままの順番で残し、説明区間を挿入します。各説明は再確認や録り直しが可能です。完成動画は端末内で再エンコードするため無劣化出力ではありません。

こんなときに便利

  • 操作説明の動画を途中で止め、注目するボタンを矢印と声で示したい
  • 作業・製品デモの重要な場面を一時停止して説明したい
  • マイクを使わず手書き説明だけを動画に挿入したい

できること

このツールで利用できる主な機能です。

使い方

  1. 「ツールを開く」で動画を選び、「位置」で説明を差し込む場面へ移動します。
  2. 声を入れない場合は「音声を録音しない」を選びます。声を入れる場合は対応ブラウザでマイクを準備します。
  3. 「この位置に説明を追加」を押し、必要ならマイクを許可します。静止画上にペン・指差し・丸・矢印で描きます。
  4. 「説明を終了」を押します。音声なしでも開始から終了までの時間が説明区間になります。
  5. 追加した説明を選んで試聴・確認し、必要なら録り直すか削除します。録り直しを中止した場合、以前の説明は残ります。
  6. 「動画を作成」で生成・プレビューし、「動画を保存」で端末に残します。ダウンロード後に別のプレイヤーで再生確認してください。

対応範囲

  • 入力:ブラウザで再生・シークできる動画1本。最大5分・250 MiB。
  • 説明:静止した動画フレームへの音声・描画、または無音描画。1区間最大2分。
  • 描画:ペン・指差し・丸・矢印、3色、Undo / Redo、消去。説明は確認・削除・録り直しできます。
  • 出力:WebM VP8/Opusが標準で完成10分まで。AVC/AACのMP4は実験機能で完成30秒まで。
  • WebCodecs・MediaRecorder・対応コーデックなどが必要です。マイク録音には権限が必要です。日英UIに対応します。

制限・注意点

  • MP4は対応ブラウザ限定の実験機能で、完成30秒まで。通常のWebMもコーデックと端末性能に左右されます。
  • 元動画5分/250 MiB、説明1区間2分、WebM完成10分は試行上限で、成功や処理速度を保証しません。
  • 元動画・録音は再エンコードされ、無劣化保存ではありません。HEVC/HDRや可変フレームレート動画は正しく扱えない場合があります。
  • 動く元動画に描画を重ね続ける機能ではなく、静止した説明場面を元動画の途中へ差し込みます。
  • 録音と説明はページのセッションにのみ保存され、プロジェクトの保存・復元や自動復帰はありません。離れる前に完成動画を保存してください。
  • すべてのAndroid/iPhoneやコーデックに対応するわけではありません。ローカルHTMLでマイクが使えない場合はHTTPS版を利用してください。

よくある質問

動画や録音音声をアップロードしますか?

いいえ。初回のHTML取得後、選んだ動画・録音・描画はブラウザ内で処理します。完成ファイルを端末の共有機能で明示的に送る場合は、その宛先に共有されます。

マイクを使わずに説明できますか?

はい。「音声を録音しない」を選び、静止フレーム上に描いた時間を無音の説明区間として差し込めます。

MP4でも保存できますか?

AVC/AACに対応する環境では実験的に選べますが、完成30秒までです。通常はWebMで保存します。

閉じた編集内容を後から復元できますか?

いいえ。編集内容はセッション内にあり、プロジェクト保存や自動復元には対応しません。

オフライン版・ソースコード

通常版の単一HTMLには必要なライブラリが内包され、対応ブラウザならネット接続なしで動画編集と保存ができます。実行時CSPはconnect-src 'none'です。ローカルファイルではマイク利用に制限がある場合があります。

GitHubでソースを見る