video

動画圧縮

動画の解像度・ビットレートを調整し、Multi-thread版でブラウザ内圧縮します。

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

このツールについて

動画圧縮は、ffmpeg.wasmを使って動画ファイルを端末内で再エンコードするブラウザツールです。解像度や映像ビットレートを調整し、元動画をサーバーへアップロードせずにファイルサイズを小さくできます。

H.264を基本に、VP9も選択でき、動画の長さと設定から圧縮後サイズの目安を確認できます。処理後はその場でプレビューし、保存または対応端末で共有できます。

Browser KittyではMP4・WebMに対応したMulti-thread版を使用し、動画圧縮のURLだけにCOOP / COEPを設定します。

こんなときに便利

  • スマホで撮影した動画をメールやチャットで送りやすいサイズへ小さくしたい
  • 動画の解像度やビットレートを落として保存容量を節約したい
  • 外部の動画変換サービスへアップロードせずに圧縮したい

できること

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

使い方

  1. 動画を選択またはドラッグ&ドロップします。
  2. 自動提案された解像度と映像ビットレートを確認します。
  3. 必要に応じてコーデック、フレームレート、音声削除などを変更します。
  4. 圧縮後サイズの概算を確認し、「この設定で圧縮」を実行します。
  5. 処理後の動画をプレビューし、保存または共有します。

対応範囲

  • 映像コーデック: H.264 / VP9。迷った場合はH.264推奨。
  • 設定: 解像度、映像ビットレート、フレームレート、圧縮速度、音声ビットレート、音声削除。
  • 情報表示: サイズ、再生時間、解像度、推定総ビットレート、測定フレームレート、形式。
  • 出力: 圧縮後プレビュー、ファイル保存、対応環境で共有。

制限・注意点

  • ffmpeg.wasmはCPU上で動作するWebAssembly処理で、ハードウェアエンコードではありません。
  • 長い動画、高解像度動画、スマートフォンでは処理に時間がかかり、メモリ不足で失敗する場合があります。
  • ブラウザや端末によって利用可能なメモリや共有機能が異なります。
  • Multi-thread版にはHTTP(S)、cross-origin isolationとSharedArrayBufferが必要です。保存したHTMLを直接開く場合はSingle-thread版を使ってください。

よくある質問

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

いいえ。選択した動画と圧縮結果はブラウザ内で処理され、Browser Kittyへアップロードしません。

どのコーデックを選べばよいですか?

互換性と速度を重視する場合はH.264がおすすめです。より小さい容量を優先する場合はVP9を試してください。

圧縮にはどのくらい時間がかかりますか?

動画の長さ、解像度、コーデック、端末性能で変わります。Multi-threadでも長い動画は時間がかかるため、まず短い動画で試してください。

音声だけ削除できますか?

はい。音声削除を有効にして、映像のみの動画として圧縮できます。

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

Browser KittyのMulti-thread版はHTTP(S)とCOOP / COEPによるcross-origin isolationが必要です。処理自体は実行時外部通信なしで行います。HTMLを保存して直接開く場合は、元リポジトリのSingle-thread版 video-compressor.html を使用してください。GitHub Pagesの通常デモはSingle-thread版です。

GitHubでソースを見る