MeetingStage - Web会議バーチャル背景&入場ジングルメーカー

【目的・ターゲット】オンライン会議・ウェビナー・オンライン面接が日常化した会社員/フリーランス/採用担当者向けに、プロ品質のバーチャル背景画像と、会議の入場・待機・退出シーンで流せる短いBGM/ジングルを、専門知識なしでブラウザだけで作成・保存できる無料ツール。

【主要機能】
1. シーン選択: 経営会議・営業商談・採用面接・社内研修・カジュアル雑談・展示会/ウェビナーの6シーンから業種別テンプレートを選択。
2. 背景デザイナー: AI生成済みの高品質背景素材(オフィス・抽象幾何学・都市夜景・自然光など)をベースに、会社名/キャッチコピーのテキストオーバーレイ、ロゴ風アイコン配置、カラーテーマ(ネイビー/ゴールド/グリーン等)を調整しリアルタイムプレビュー。
3. BGMジェネレーター: Web Audio APIによるルールベース自動作曲で「入場ジングル(5秒)」「待機用ループBGM(30秒)」「退出サウンド(3秒)」の3種を、テーマ(フォーマル/爽やか/クール/温かみ)別に生成・試聴・WAVダウンロード。
4. セット保存機能: 背景+BGMの組み合わせを「マイセット」として保存し、次回すぐ呼び出し可能(LocalStorage)。
5. 公開ギャラリー: 作成したセットを匿名で公開投稿し、いいね数ランキングから人気テンプレートを閲覧・複製利用できる。
6. 一括エクスポート: 背景はPNG(1920x1080)、BGMはWAVでまとめてZIP風に個別ダウンロード。

【画面構成】①トップ(シーン選択カード一覧) ②背景デザイナー画面(プレビュー+右側編集パネル) ③BGMスタジオ画面(3種の波形風ビジュアライザーと再生ボタン) ④マイセット一覧画面 ⑤公開ギャラリー画面(検索・いいね・複製ボタン)。

【データ構造】gallery_posts(id, title, scene_type, bg_image_path, bgm_json_params, likes, created_at)、users不要(匿名投稿+ブラウザ内保存が基本、ギャラリーのみDB保存)。

【デザイン方向性】ネイビー×ゴールドを基調にした洗練されたビジネスライクなUI。カード型レイアウトとグラデーション、微細なグロー効果でリッチ感を演出。スマホでは縦積みレイアウト、PCでは編集パネルとプレビューの2カラム構成。