video

動画逆再生

動画の選んだ区間を、逆再生または往復再生するMP4として保存します。対応する音声も逆再生でき、動画は端末内で処理します。

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

このツールについて

動画逆再生(Reverse Clip)は、動画の開始・終了位置を選び、その区間を逆再生または通常再生から逆再生に折り返すMP4に変換するツールです。完成した動画をその場で再生して確かめ、ファイル名を付けて保存できます。

出力はH.264 MP4・15fpsです。通常は音声なしで、対応する音声トラックがある動画では音声も逆再生できます。Browser KittyではFFmpeg WASMのMulti-thread版を使用し、選択した動画はアップロードせずブラウザ内で扱います。

こんなときに便利

  • 撮影した短い動画を逆再生して見返したい
  • 動作を通常再生から巻き戻すように見せる往復再生動画を作りたい
  • 対応する動画の音声も逆向きにしたい
  • 外部サービスへ動画をアップロードせずにMP4を作りたい

できること

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

使い方

  1. 「ツールを開く」でH.264 MP4など対応する動画を選び、プレビューします。
  2. タイムラインか開始・終了の秒数入力で区間を指定します。
  3. 「逆再生」または「往復再生」を選び、画質と必要なら音声を設定します。
  4. MP4の作成を実行し、完成した動画をプレビューします。
  5. ファイル名を確認して「MP4を保存」を押します。

対応範囲

  • 出力: H.264 MP4、15fps。逆再生と往復再生に対応します。
  • 音声: 既定は音声なし。対応するソース音声は逆再生AACを選択できます。複数トラックの指定はできません。
  • 区間: 0.5秒から最大10秒(1080p級の試験設定では最大5秒)。長辺360px/720pxが初期の実用対象です。
  • 保存: 完成動画のプレビュー、ファイル名変更、MP4ダウンロード、中止・再試行に対応します。
  • 処理方式: Browser KittyではMT版を使い、このアプリのURLに限って分離ヘッダーを適用します。

制限・注意点

  • 初期の主な検証対象はWindows ChromeとAndroid ChromeのH.264 MP4です。ほかの形式や端末での動作は保証できません。
  • 出力は15fpsで、元動画のフレームレートは保持しません。選択範囲はフレーム境界へわずかに調整される場合があります。
  • 長い区間や高解像度の変換は時間・メモリを多く使い、端末によって失敗することがあります。720p級/1080p級の高画質設定は試験的な扱いです。
  • HEVC/H.265、HDR/10-bitの色再現、iPhone Safari、複数の音声トラック選択は対応保証の対象外です。
  • MT版にはHTTPS等の安全な配信環境とcross-origin isolation、SharedArrayBufferが必要です。単一HTMLを直接開く場合は元リポジトリのST版を使ってください。

よくある質問

動画はサーバーへアップロードされますか?

いいえ。選択した動画と生成MP4はブラウザ内で処理します。ページを読み込む通信はありますが、動画をBrowser Kittyへ送信しません。

動画を通常再生と逆再生で往復させられますか?

はい。「往復再生」を選ぶと、同じ区間の通常再生に続けて逆再生する1本のMP4を作れます。

音声も逆再生できますか?

対応する音声を読み取れる動画では選べます。既定は音声なしで、対応していない素材では音声を付けられません。

保存したHTMLをオフラインで使えますか?

Browser KittyのMT版は分離されたWeb配信が必要です。インターネット接続なしで直接HTMLを開く場合は、元リポジトリのシングルスレッド版を利用してください。

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

Browser Kittyが配信するのはMT版です。Cross-Origin-Opener/Embedder-Policyによる分離とSharedArrayBufferが必要ですが、FFmpeg WASMとWorkerはHTML内にあり、ユーザーの動画は外部送信しません。保存したHTMLを直接開くなら、[Reverse Clip v1.0.0](https://github.com/ttomohisa/htmlapps-reverse-clip/releases/tag/v1.0.0) のST版を使ってください。

GitHubでソースを見る