RecATab

RecATabの紹介

RecATabは、ブラウザタブのコンテンツを高忠実度の音声および映像で記録するためのウェブベースの画面録画ツールです。本製品は、ウェブベース録画ソリューションにおける特定の課題——特にタブ音声をロスレスPCM形式で保存する能力——に対応しています。これは、ソフトウェアデモ、アクセシビリティ評価、音響エンジニアリング作業、教育用コンテンツ制作など、正確な音声再現が不可欠な用途において重要です。クラウド依存型の録画ツールとは異なり、RecATabはユーザーのブラウザ内でのみ動作し、データプライバシー、オフライン利用可能性、出力品質の一貫性を重視するユーザーに適しています。

本ツールは、開発者、技術系教育者、UX研究者、コンテンツ制作者など、アカウント登録や使用制限、第三者へのデータ送信を避けたいユーザーを対象としています。インストールは不要であり、WebRTCおよびMediaRecorder APIをサポートする標準的なデスクトップブラウザで動作します。

主なポイント

• ブラウザタブの映像をHD解像度で記録し、滑らかな再生を実現
• タブ音声をロスレスPCM形式（圧縮・ダウンサンプリングなし）で記録
• マイク入力をタブ音声とリアルタイムでミキシング
• オプションでウェブカメラのピクチャー・イン・ピクチャー（PiP）オーバーレイを追加可能
• MP4ファイルへの処理および多重化を完全にクライアントサイドで実行
• アカウント、サブスクリプション、サーバーへのアップロードを一切必要としない
• 結果として得られるMP4ファイルをブラウザ内で即時ダウンロード可能
• MediaStream Recording APIをサポートする最新のデスクトップブラウザと互換

RecATabの仕組み

RecATabは、ブラウザのネイティブAPIであるgetDisplayMedia()およびgetUserMedia()を用いて、画面、マイク、カメラのストリームを取得します。録画開始時に、これらのストリームを同期させ、ロスレス音声記録に最適化された設定でMediaRecorder APIに供給します。具体的には、OpusやAACといった一般的な圧縮コーデックではなく、PCMエンコーディングを可能な限り採用することで、ブラウザ録画特有のトランスコード劣化を回避します。

録画終了後、RecATabはクライアントサイドで多重化処理を行います。記録された映像トラック、音声トラック（タブ音声とマイク音声のミックスを含む）、および合成されたカメラオーバーレイを、JavaScriptベースのライブラリ（例：mp4box.jsなど）を用いて単一のMP4コンテナに統合します。この処理はすべてローカルで完結し、メディアデータはデバイスから一切送信されません。生成されたMP4ファイルは、ネットワーク経由の中間保存を経ることなく、直ちにダウンロード可能です。

主な利点と用途

RecATabは、ブラウザ上で行われるインタラクションを再現可能かつプライバシー保護された形で文書化することを可能にします。主な用途には、音声ナレーションと視覚的コンテキストを同期させたバグレポート作成、明瞭な音声解説付きのアクセシブルなチュートリアル動画制作、端末音声を一切劣化させないライブコーディングセッションの記録、および音声忠実度とデータ所在が法的・規制上必須となるトレーニング資料の生成が含まれます。クライアントサイドアーキテクチャにより、外部サービスへの依存が許容されないエアギャップ環境や制限ネットワーク環境でも利用可能です。