VideoSnip - ブラウザ完結の動画トリミング・圧縮・GIF変換スタジオ

目的・ターゲット: SNS投稿や資料添付のために「動画を短く切りたい」「容量を減らしたい」「GIFにしたい」というニーズを、インストール不要・登録不要でブラウザだけで解決するプロ品質の動画編集便利ツール。学生・SNS運用者・営業担当・動画初心者まで幅広く対象。

主要機能:
1. 動画アップロード(ドラッグ&ドロップ、最大500MB程度、処理は端末内で完結しファイルはサーバーへ送信しない設計)
2. トリミング: タイムラインスライダーで開始・終了位置を指定し、プレビュー確認しながら不要部分を除去
3. 圧縮・リサイズ: SNS用/メール添付用/保存用の3プリセット+解像度・ビットレート手動調整
4. GIF変換: フレームレート・出力サイズを指定し短尺GIFを生成
5. 音声抽出: 動画から音声のみをMP3で保存
6. テキスト字幕焼き込み: 開始秒・終了秒指定でテロップを重ねて書き出し
7. 集中用アンビエントBGM: 編集作業中に流せる生成BGMのON/OFF機能(下記詳細)

画面構成:
- トップページ(アップロードエリア、機能紹介カード、処理件数などの統計表示)
- 編集ページ(中央にプレビュー、下部にタイムライン+トリムハンドル、右側にツールタブ:トリム/圧縮/GIF/音声/字幕)
- 書き出しページ(フォーマット選択、進捗バー、ダウンロードボタン、Before/After容量比較)
- 使い方ガイドページ

データ構造(MySQL): processing_logs テーブル(id, format ENUM, size_before, size_after, duration_sec, created_at)。個人情報・ファイル本体は保存せず、匿名の利用統計(累計処理数、人気フォーマット比率)のみ集計表示に利用。

BGM仕様: Lo-fi Chillジャンル、BPM70、4/4拍子。ドラムはブラシ質感キック+ゴーストノート入りスネア+8分ハイハット。ベースはシンプルなウォーキングベースでDm7-G7-Cmaj7-Am7のii-V-Iループ進行。メロディはピアノで8小節Aメロ(落ち着いた下降フレーズ)+8小節Bメロ(半音使いで変化)を交互再生し、4小節ごとにハイハットオープンやスネアフィルで変化を付与。Web Audio API実装ではAudioContext.currentTimeを基準に先読みスケジューリングし、BGM用/SE用に個別GainNodeを用意、ミュートボタンと停止時の全ノードdisconnect/切断処理を実装する。

デザイン方向性: ダークネイビー基調にネオンシアン・マゼンタのグラデーションを効かせたガラスモーフィズムUI。プロの動画編集ソフトを思わせる洗練された質感で、スマホでは縦積みレイアウトに切替。

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する