ブラウザタブレコーダー

タブ・画面をステレオ録画。サイレント録音、無音省略、暗転／静止／無音の自動分割、セグメント管理・WebM結合、WAV／MP3・ZIP出力、長時間の安定収録。

ストアを開いた方へ 👋 Browser Tab Recorder は、Chrome の画面共有で選んだタブ／ウィンドウ／画面と、システム／タブ側の音声を一体として WebM 録画します。録画〜分割〜保存までポップアップひとつ。見出しごとの要点です。 【📋 クイックリファレンス】 ・🎬 録画: タブ・ウィンドウ・画面＋音声を MediaRecorder で一つの WebM に。 ・🆓 無料: 1 セッション最大 15 分のハード上限（コード上でも強制）。 ・⭐ Pro: ユーザー指定の上限（無制限を含む）。高音質・自動分割などはライセンスに応じ UI 制御。 ・💾 長時間: 細かいチャンクを IndexedDB へ逐次書き込み、メモリ負荷を抑える設計。 ・✂️ 自動分割: 暗転／静止／無音のマトリクスで区切り・録画停止を設定可能。 ・🔇 サイレント録音: 録画中はタブのスピーカー出力をミュート（ファイルには通常どおり収録）。 ・📤 書き出し: WebM のほか WAV／MP3 変換、セグメント一括 ZIP。 ・⚙️ 操作: 画質・音声・分割・クリップまで拡張のポップアップから（別アプリ不要）。 【✨ この拡張機能でできること】 Browser Tab Recorder は、Chrome の画面共有ダイアログから タブ・ウィンドウ・画面のいずれか を選び、その 映像 と システム／タブ側の音声 を一体として記録する拡張機能です。ブラウザ上に表示されている スクリーン（画面） の映像を、動画ファイル（WebM） として残したい場面に向いています。次のような用途を想定して、録画〜分割〜保存までを ポップアップひとつ にまとめています。 ・📡 配信やウェビナーの アーカイブ ・📚 オンライン講義・研修の保存 ・📋 業務手順・マニュアル用の画面収録 ・🎯 デモの 撮り直し回数の削減 ・🎬 アニメ・ドラマ・映画など、ブラウザで再生する 長尺動画の 画面収録（※視聴・録画は各サービスの利用規約・著作権に従ってください） 💡 再生まわりのコツ: ・エンタメ系の動画では、暗転（シーン転換や CM 前後）や 無音区間 が目印になりやすく、自動分割と相性がよいです。ステレオ音声で BGM やセリフをまとめて取り込みやすい設定も選べます。 ・録画の開始／停止に加え、音質・画質・自動分割・保存済みクリップまで 別アプリに画面を渡さず 操作しやすい構成です。 【🖥️ 画面と音声の取り込み】 画面共有で取得したストリームに、必要に応じて マイク を重ねられます。マイクは画面側とは別ストリームで取得し、Web Audio（AudioContext）で 音声トラックを一つのバスに合流 させてから、映像とまとめて MediaRecorder に渡します。 ・📺 タブ上の動画や フルスクリーン表示の スクリーン映像を、そのまま 録画対象にできる（共有範囲は OS の画面共有ダイアログで選択） ・🔊 タブ音声と実況をブラウザ内だけでミックス可能（仮想オーディオデバイス不要で始めやすい） ・🎥 映像ソースは 画面共有に加え、カメラのみ・音声のみ などの組み合わせにも対応 【🎬 録画フォーマットと画質】 中核はブラウザ標準の MediaRecorder による WebM（VP9 映像＋Opus 音声） です。 ・🔉 音声（既定イメージ）：約 256kbps クラスをベースにした設定 ・📊 映像ビットレート：自動／省容量／高品質 から選択 ・📐 解像度：自動、または 1280×720／1920×1080 への固定 ・🖱️ カーソル：表示／非表示（操作デモではオン、映画・ドラマ・アニメなど 動画視聴ではオフ、など） 動画コンテンツ向けのイメージ：高品質プリセットや 1080p 固定を選べば、スクリーン上の動画のディテールを残しやすく、ステレオと合わせて 「見返し用の動画ファイル」 として整理しやすくなります。 【🎧 音声の品質とモード】 「高音質で聴けること」を優先し、録音時は エコー除去・ノイズ抑制・自動ゲインを原則オフ にしています。 ・🎚️ サンプルレート：既定は 48kHz 中心。UI から 44.1kHz／32kHz／22.05kHz などに変更可能 ・🎛️ チャンネル：ステレオ（2ch） を既定とし、モノラルにも切り替え可能 ・🎤 入力モード：タブ音声のみ ／ タブ＋マイク ・📈 レベルメーターで入力を確認してから録音開始し、小さすぎ・クリップしすぎを防ぎやすい ・🔇 **サイレント録音**: オプションで録画中のみ対象タブをミュート。周囲への音漏れを抑えつつ、録画ファイルにはタブ音声を記録。停止時にミュート状態を復元。 【⏱️ 長時間録画・ストレージ・上限】 メモリだけに溜め続けないよう、録画データを 細かいチャンク に分け IndexedDB へ順次書き込みます。 ・🧠 長時間の番組・会議でもメモリ圧迫を抑えやすい ・💾 IndexedDB 書き込み失敗時は メモリへフォールバックし、通知しつつ継続を試みる ・🛡️ フォールバック時は メモリ上限 があり、過剰な肥大化で 停止するガードあり ・⏰ 録画時間上限は「時＋分」で指定し、到達で 自動停止 ・🔢 開始前の カウントダウンで準備・マイク確認に余裕 ・⏸️ 一時停止時は上限タイマーも一旦停止し、再開で残り時間だけ再セット 💎 無料／Pro（要点） ・🆓 無料：1 セッション 最大 15 分のハード上限をコード上でも強制 ・⭐ Pro：上記制約を外し、ユーザー指定の上限（無制限を含む）を利用可能な設計 ・📜 高サンプルレート・高解像度・高ビットレート映像・自動アクション（暗転／静止／無音） などは ライセンスで UI 制御（詳細はアプリ内の案内に従うこと） 【🌑 暗転検知と手動分割】 ・📊 録画中、平均輝度を UI に表示でき、暗転のしきい値を 目視しながら調整しやすい ・✂️ 自動分割を使わない場合も、内部は 常にセグメント単位。必要なら 手動分割 ・📥 確定したセグメントは 一覧からプレビュー・ダウンロード可能（編集前の「区切ったクリップ」として扱いやすい） 【✂️ 自動分割（暗転・静止・無音）】 三系統（暗転／静止／無音）を軸に、分割と 録画停止 をマトリクスで設定できます。 🌑 暗転 ・フレームを間欠サンプリングし、canvas 上で 輝度平均 を算出 ・しきい値以下の「暗い」状態が 設定時間 続いたら区切り候補 ・音声も無音のときだけ暗転とみなす、セグメント先頭から○分経過するまで判定しない など、誤分割を減らすオプション ・分割後は 短いクールダウン（連続トランジションでの細切れ防止） 🖼️ 静止 ・映像の 変化が小さい状態が続いたら検知 ・無音も条件に含める 等の細かい条件を選択可能 🔇 無音 ・**AnalyserNode の時間領域データ**からインスタント音量（**0〜255** スケール）を算出し、無音閾値と比較します（周波数ビンのエネルギー平均のみではありません）。 ・無音の **継続秒数は 0〜60 秒（0.5 秒刻み）**。**0 秒**に近い設定では、レベルが無音側に入ったタイミングで反応しやすいモードになります（詳細はアプリ内ヘルプ）。 ・無音閾値は UI で **0 まで**指定できますが、実際の検知では **ごく小さな実効下限** を用い、ノイズのあるタブ音声でも判定しやすくしています。 ・**無音区間を出力に含めない設定**や **自動分割開始時のバッファ待ち**により、録画開始直後などに本流が **自動で一時停止**する場合があります。その **開始・解除は動作ログ** に記録されます（開発者向けコンソールにも構造化ログがあります）。 ⚙️ 共通 ・各条件で「○秒続いたら分割／そこで停止」を個別指定可能。**静止は 3〜60 秒の整数**、**無音は 0〜60 秒・0.5 秒刻み** ・分割だけでなく「録画終了」 にも割り当て可能（放置・無人後の自動停止など） ・映像トラック終了に合わせて録画を止める挙動も考慮 【🔗 セグメント管理と WebM の結合】 ・📑 各セグメントに 分割理由（初期／暗転／静止／無音／手動 等）、通し番号、長さ、任意の 名前 を保持 ・💾 ポップアップを閉じても IndexedDB からセグメント一覧を 復元可能 ・▶️ **ポップアップ内プレビュー**: 録画中・停止後ともセグメントをその場で再生確認 ・📤 **一括書き出し**: 全セグメントの連続保存、ZIP ダウンロード、WAV／MP3 への変換（ブラウザ内処理） ・🧩 複数 WebM を 単純連結すると EBML が壊れやすいため、Matroska／EBML を解釈し、クラスタ時刻を整合させた 正しい一ファイルへマージ（ストリーミング由来の末尾クラスタも結合前に補正） 【🎛️ 操作 UI とライセンス】 ・⏱️ 経過時間、一時停止／再開、活動ログ（**自動一時停止**の開始・解除も記録）、トースト通知 ・📂 設定は アコーディオンで整理（画質・音声・暗転・自動分割マトリクスなど） ・🔑 ライセンスに応じて 利用可能な項目が切り替わる ・☁️ ライセンス確認は Firebase 認証・キャッシュと連携（詳細は製品版の画面を参照） 【🔒 データの扱い（プライバシーの目安）】 ・💾 録画本体は IndexedDB／メモリ 上に保持 ・👆 クリップの 保存・ダウンロードはユーザー操作が前提 ・🏠 動画ファイルを自動でクラウドへ送る録画パイプラインではない ため、社内手順・未公開コンテンツの収録など まずローカルに残したい用途と相性がよい（認証・ライセンス確認で通信が発生する場合はあり） ・🏢 ファイルの保管・共有は 組織のポリシーに従うこと 【🛠️ 設計上の狙い】 可能な限り ブラウザ標準 API と軽量ロジックに寄せ、長時間＝チャンク逐次書き込み＋メモリガード、結合＝EBML 整合で 壊れにくさ を優先。後から別ツールで再エンコードする前提でも、まずブラウザだけで信頼できるファイルを残しやすいようにしています。 【💡 想定シーンとチューニングのコツ】 ・📡 ライブ／ウェビナー：暗転・無音で 章立てし、編集ソフトへ渡す 単位を揃えやすい ・🎬 アニメ・ドラマ・映画（ブラウザ再生）：暗転で シーン替わりや ブロック（OP／ED 周辺、CM など）の目印にしやすい。無音や 静止はタイトルロールや静止カットの区切りにも使えます。長時間は IndexedDB と 分割で扱いやすく、ステレオで音楽・効果音・会話の空気感を残しやすいです（権利・規約の範囲内でご利用ください）。 ・🖱️ 操作デモ：カーソル＋タブ音＋マイク実況で意図が伝わりやすい ・🎓 授業・研修：IndexedDB で 長尺を安定させつつ、無料の 15 分枠と Pro の 上限緩和を使い分け ・📶 画質プリセット：モバイル視聴向けの 省帯域から、大画面で観る動画向けの 高ビットレートまで 自動検知の最適値は 番組のテンポ・照明に依存します。しきい値・継続時間・セグメント頭の猶予・静止／無音の秒数は、対象コンテンツで 試行錯誤するのが確実です。「暗転では区切るが無音では止めない」など、分割と停止の組み合わせも調整可能です。トーストと活動ログで、長時間収録後に「どこで区切られたか」に加え、**自動一時停止（無音ギャップ／開始待ち）がいつ入り／解除されたか**も追いやすくしています。 【📝 まとめ】 Browser Tab Recorder は、ブラウザの スクリーンに映る 動画を 高音質で残すことに加え、長く安定して回すこと、暗転・静止・無音で区切る／止めること、セグメントを失わず管理し正しい WebM として結合することまで、ビジネス用途から アニメ・ドラマ・映画などの エンタメ動画の整理まで、実運用で効く層をカバーした拡張です。短いテスト収録で画質・音質・自動分割の感触を掴んでから本番に進むとトラブルが減りやすいです。 ⚠️ 注意: Chrome Web Store の審査・表示枠に応じて、無料と有料の境界・上限・表現は、公開時点の製品内表記およびポリシーに合わせて調整してください。 Browser Tab Recorder は、ブラウザ上の スクリーン（画面） に映る映像を、高音質ステレオ付きの 動画ファイルとして録画する拡張機能です。アニメ・ドラマ・映画など 長尺動画の 画面収録とも相性がよく、暗転や 無音を目印に 自動分割しやすいのが売りです（利用・録画は各サービスの規約・著作権に従ってください）。 ・💾 IndexedDB へのチャンク書き込みによる 長時間動画の 安定収録 ・🎚️ サンプルレート／モノラル・ステレオ／タブのみ・タブ＋マイク など柔軟な音声設定 ・🔇 サイレント録音（スピーカー非出力）と無音区間の出力省略 ・✂️ 暗転・静止・無音 に基づく 自動分割 と セグメント管理（動画の区切りが付きやすい） ・🔗 EBML を考慮した WebM 結合（複数クリップを 一本の動画に） ・📤 WAV／MP3・ZIP によるセグメント書き出し 上記を備えた高機能拡張です。