🎬 概要

VideoTrim は動画のトリミングとウォーターマーク（透かし）合成をブラウザ上で完結するツールです。動画ファイルがサーバーにアップロードされることはなく、すべての処理はお使いのブラウザ内で行われます。

推奨ブラウザ: Google Chrome 94以降（WebCodecs API が必要です）

🔧 Step 1 — トリム

動画の使いたい範囲を指定します。

タイムライン

サムネイル付きのタイムライン上で、緑色のハンドルをドラッグして始点・終点を設定します。タイムラインのクリックで再生位置を移動できます。

始点 / 長さ（時間入力）

タイムライン下の入力欄で数値を直接指定できます。形式は MM:SS.ms（例: 01:23.500）。「長さ」は始点からの経過時間です。

コントロール

⏮ 始点へジャンプ / ◁▷ 1フレームずつ移動 / ⏭ 終点へジャンプ / [ 現在位置を始点に / ] 現在位置を終点に / ↻ 全範囲にリセット

キーボードショートカット

Space 再生/停止　 ←→ フレーム移動　 I 始点設定　 O 終点設定　 R リセット

💧 Step 2 — ウォーターマーク

動画に焼き込む透かしを設定します。

種類: テキスト

任意のテキストを入力し、フォント（6種類、日本語フォント4種含む）と色を選択します。

種類: 画像

PNG / SVG など透過画像を推奨します。アップロードした画像がウォーターマークとして合成されます。

サイズ（10〜200px）

テキストのフォントサイズ、または画像の高さをピクセルで指定します。

不透明度（5〜100%）

低いほど薄く透けて見え、控えめな透かしになります。一般的には 40〜70% 程度がおすすめです。

回転（-180°〜+180°）

ウォーターマークの角度を調整します。斜めに配置するとコピー防止効果が高まります。

位置

プレビュー画面上で直接ドラッグして配置します。座標はピクセル単位で表示されます。

シークバー

ウォーターマーク画面下部のシークバーで、トリム範囲内の任意のフレームを確認できます。ウォーターマークの配置が動画の各シーンで適切か確認するのに使います。

プリセット

よく使うウォーターマーク設定に名前をつけて保存・呼び出しできます。設定はブラウザの localStorage に保存されるため、同じブラウザであれば次回以降も利用可能です。最後に使用した設定は自動的に保持されます。

📦 Step 3 — 書き出し

トリム＋ウォーターマーク付きの動画を書き出します。

フォーマット: MP4

H.264 映像 + AAC 音声の MP4 ファイルを生成します。WebCodecs API を使用するためブラウザ内で高速にエンコードされます。

フォーマット: GIF

アニメーション GIF を生成します。ブログやSNSへの埋め込みに便利です。音声は含まれません。

フレームレート（MP4）

1秒あたりのフレーム数です。24fps は映画風、30fps は標準的、60fps は滑らかな動きに適しています。

映像ビットレート（MP4）

映像の品質を決定します。値が大きいほど高画質ですがファイルサイズも増えます。
1 Mbps: 軽量（SNS向け）/ 2.5 Mbps: 標準 / 5 Mbps: 高画質 / 8 Mbps: 最高画質

音声（MP4）

元動画の音声を AAC 128kbps でエンコードして含めるか選択できます。元動画に音声トラックがない場合は自動的にスキップされます。

GIF FPS

GIF の滑らかさです。低いほどファイルサイズが小さくなります。5fps: 最軽量 / 10fps: おすすめ / 20fps: 滑らか

倍速（GIF）

再生速度の倍率です。2.0x なら4秒の動画は2秒で再生される GIF になります。最大10倍まで設定でき、長い動画をコンパクトなGIFにまとめるのに便利です。

スケール（GIF）

出力解像度の倍率です。元動画が 1920×1080 の場合、50% で 960×540 の GIF になります。小さいほどファイルサイズが大幅に減ります。

最大色数（GIF）

GIF は最大256色です。色数を減らすとファイルサイズが小さくなりますが、グラデーションの品質が低下します。

🔒 プライバシー

このツールはすべての処理をブラウザ内で完結します。動画ファイルは外部サーバーに一切送信されません。ウォーターマークのプリセットはブラウザの localStorage に保存されます。

📜 使用ライブラリ・ライセンス

このツールは GPL ライセンスのライブラリを使用していません。