無料スクリーンレコーダー

ブラウザーで直接画面を録画します。システム音声、マイクをキャプチャし、WebM形式でエクスポートできます。インストール不要、アップロード不要、サインアップ不要です。

録画データはお使いのデバイスから一切送信されません

使い方

  1. 「録画開始」をクリック: ブラウザーが共有する対象を選択するよう求めます, 画面全体、アプリケーションウィンドウ、または特定のブラウザータブ。
  2. コンテンツを録画: 画面上のすべての操作がキャプチャされます。一時停止や停止コントロールで録画を管理してください。
  3. 動画をダウンロード: 完了後に「停止」をクリックし、WebM動画ファイルとしてブラウザーから直接ダウンロードしてください。

なぜスクリーンレコーダーを使うのか?

画面録画は、チュートリアルの作成、バグの報告、ソフトウェアの文書化、プレゼンテーションの録画、レビュー用の画面コンテンツのキャプチャに不可欠です。ほとんどの画面録画ツールは、ソフトウェアのインストールやサブスクリプション、またはコンテンツのクラウドサーバーへのアップロードを必要とします。このブラウザーベースのレコーダーはWeb画面キャプチャAPIを使用してブラウザーから直接録画します, インストール不要、アカウント不要、録画データはお使いのデバイス内に留まります。

機能

よくある質問

録画はどの形式で保存されますか?

録画はWebM(VP8/VP9動画、Opus音声)形式で保存され、Chrome、Firefox、Edgeでネイティブにサポートされています。広範な互換性のためにMP4に変換するには、動画変換ツールをご利用ください。

2つ目のモニターに表示されている内容も録画できますか?

「画面全体」を選択し、複数のモニターがある場合、ブラウザーの共有ダイアログから共有するモニターを選択できます。各モニターは別々の選択肢として表示されます。

録画はプライベートですか?

はい。録画はブラウザーの画面キャプチャAPIを使用してキャプチャされ、完全にローカルで処理されます。動画データはサーバーに送信されることはなく, お使いのデバイスに直接ダウンロードされます。

システム音声 + マイク
00:00

ブラウザ画面録画ツールが実際に行うこと

画面録画ツールは画面に表示されている内容を動画ファイルとして記録し、後で再生したり、共有したり、チュートリアルに編集したりできるようにします。従来の画面録画ツールはインストール型のデスクトップアプリ (OBS Studio、Camtasia、ScreenFlow、QuickTime) で、OSのグラフィックスパイプラインに完全アクセスできます。ブラウザベースの画面録画ツールは異なります: 2017年に導入されたScreen Capture APIを使い、ウェブページがOSに「画面、ウィンドウ、ブラウザタブを共有してください」と要求できる仕組みです。ユーザーはブラウザが回避できないシステムダイアログを通じて何を共有するかを明示的に選び、ページは動画ストリームを受け取りリアルタイムでダウンロード可能なファイルにエンコードします。インストール不要、管理者権限不要、アップロード先サービスも不要です。

デスクトップアプリとのトレードオフはパワー対手軽さです。デスクトップツールは複数のソースを同時に録画 (画面+ウェブカメラ+マイク+システム音声+別音声トラック) し、リアルタイムエフェクトを追加し、高度なコーデックをサポートし、YouTube、Twitch、RTMPサーバーへのライブ配信を可能にします。ブラウザ録画ツールは単一の画面ソースを、オプションでシステム音声+マイクとともに、単一のWebMファイルに録画します。30秒のバグ再現動画、2分のチュートリアルクリップ、非同期スタンドアップ更新には、ブラウザツールはインストール済みアプリのどれよりも「録画したい」から「ファイルがある」まで速いです。完全なコンテンツ制作には専用ソフトウェアが勝ります。

プライバシーは二次的な魅力です。Loomのようなクラウドベースの画面録画ツールは動画を自動でサーバーにアップロードし、そこでホスティング、AI機能のための処理、リンクを持つ誰でもアクセス可能な状態になります。機密録画 (専有コード、内部バグ再現、家族コンテンツ) にとってこれは受け入れがたいです。完全にクライアント側で動作しローカルダウンロードを生成するブラウザ録画ツールは異なるプライバシー特性を持ちます: あなた自身が結果ファイルをどこかにアップロードすることを選ばない限り、何もマシンから出ません。機密コンテンツを扱うユーザーにとって、この区別は意味があります。

このツールが内部でどのように動くか

録画プロセスはnavigator.mediaDevices.getDisplayMedia()、画面キャプチャの標準化されたブラウザAPIで始まります。これを呼び出すと、画面全体、アプリケーションウィンドウ、ブラウザタブから選ぶブラウザネイティブの共有ダイアログがトリガーされます。「音声を録画」にチェックを入れると、呼び出しはシステム音声 (対応ブラウザで) とマイク許可も要求します。返されるMediaStreamオブジェクトはウェブカメラが生成するものと同じビデオ・オーディオトラックを含みますが、ソースがディスプレイである点が違います。

ストリームはMediaRecorderに渡されます。これはブラウザに組み込まれたエンコーダで、生のビデオフレームをストリーミングコンテナ形式にリアルタイム圧縮します。出力コンテナはWebM、ビデオにVP8VP9、またはAV1、音声にOpusを使うオープン形式です。ブラウザは能力に基づきコーデックを選びます; 最新のChromeとFirefoxは通常VP9 (VP8より圧縮率が良い) かAV1 (さらに良いがCPU負荷は少し高い) を選びます。エンコードされた動画の各チャンク (通常1秒ずつ) は、停止を押すまでメモリ内のBlobに蓄積されます。

録画を停止すると、スクリプトはチャンクを最終的なBlobに連結し、そのblobを指すオブジェクトURLを作成し、合成ダウンロードクリックをトリガーします。結果のWebMファイルはダウンロードするまでブラウザのメモリに留まります; ページをリロードすると録画は消えます。ツールはあなたの動画データを使ってネットワークリクエストを一切行いません; 録画中の唯一のネットワーク活動はOSが通常行うことだけで、録画自体が生成するのはローカルファイルだけです。WebMはChrome、Firefox、Edgeで直接再生できます; iMovie、Premiere、MP4を好む他のエディタとの互換性には、FFmpeg (これも無料) や私たちのVideo Converterツールでファイルを変換してください。

画面録画の簡単な歴史

実際のワークフロー

よくある落とし穴とその意味

プライバシー: 録画は決してデバイスを離れない

画面録画は人が作るコンテンツの中で最も機密性の高いものの一つです。見えているものをそのまま捉えます: メール、コード、社内文書、ウェブカメラオーバーレイの家族、オートフィルのパスワード、タブに見えるブラウジング履歴。Loomのようなクラウドベース録画ツールはデフォルトですべてをアップロードし、会社はあなたの録画のコピーをサーバーに保持し、利用規約によっては時々AIトレーニングに使用します。クラウド録画サービスを通じて、ユーザーがプライバシーへの影響に気付かなかった結果、いくつかの重大な漏洩 (企業秘密、顧客データ) が発生しています。

このツールは完全にクライアント側で動作します。Screen Capture APIはセッションごとにユーザーの明示的な許可を要求し、ページが回避または偽造できないブラウザネイティブのダイアログを通じて付与されます。キャプチャされたストリームはブラウザメモリ内に留まり、ローカルのMediaRecorderでエンコードされ、マシン上のダウンロード可能なファイルになります。録画中にブラウザのネットワークタブを開いてみてください: 送信リクエストはゼロです。結果のWebMファイルはあなたが保持、共有、削除するものです; アップロードしなければ、決してデバイスを離れません。機密録画 (専有作業、医療画面キャプチャ、法的証拠) には、これが重要なプライバシー特性です。

別のツールが正しい選択になるとき

その他のよくある質問

マイクの音声がキャプチャされないのはなぜですか?

Screen Capture APIはマイク音声を直接含みません; 画面とオプションでシステム音声をキャプチャします。このツールはgetUserMedia({audio: true})を通じて別途マイクアクセスを要求し、2つのストリームをマージします。マイク音声が欠けている場合、確認してください: (1) プロンプトされたときにマイク許可を付与した、(2) OSのサウンド設定で正しいマイクを選択した、(3) マイクがハードウェアレベルでミュートされていない (多くのラップトップマイクには物理ミュートスイッチがあります)、(4) 開始前にツール設定で「音声を録画」にチェックを入れた。

ピクチャー・イン・ピクチャーオーバーレイでウェブカメラを録画できますか?

このツールでは不可能です。Screen Capture APIは画面をそのまま録画します; ウェブカメラオーバーレイが必要なら、録画中にウェブカメラプレビューが画面上に見える必要があります (画面の隅の小さなウィンドウに配置し、画面全体を録画)。プロフェッショナルなピクチャー・イン・ピクチャー合成には、レイヤービデオトラックをサポートするOBS Studio (無料) またはScreenFlow (169ドル) を使ってください。「APIによるPiP」アプローチは現在のブラウザの画面キャプチャAPIでは不可能です。

録画が画面より低品質なのはなぜですか?

3つの一般的な原因: (1) 品質設定が「自動」になっていて、パフォーマンスのために720pにデフォルトしているかも; より高い忠実度のために1080p Full HDに切り替えてください。(2) 画面が高DPIディスプレイ (Retina、4K) ですが録画は物理ピクセルではなく論理ピクセルでキャプチャするため、4K画面は「1080p」設定でも1920x1080でキャプチャされます。(3) CPUボトルネックがエンコーダにフレームレート維持のため品質を落とさせます; 他のアプリを閉じてください。高解像度画面のピクセルパーフェクトキャプチャには、専用録画ツールを使ってください。

どれくらいの長さ録画できますか?

Screen Capture API自体に厳格な時間制限はありませんが、実用的な限界があります: (1) ブラウザメモリが進行中の録画を保持する必要があるため、低メモリデバイスでの非常に長い録画 (複数時間) は失敗することがあります。(2) ファイルサイズは線形に増加: 1080pの1時間はおよそ500 MB〜1 GBです。(3) 一部のブラウザにはメモリ圧迫により録画が予期せず停止するソフトリミットがあります。30分を超える録画には、専用デスクトップアプリのほうが信頼できます。

iPhoneまたはiPadで録画できますか?

いいえ。AppleはiOS SafariでScreen Capture APIをサポートしません (長年のプラットフォーム制限)。iOSの画面録画には、iOS純正の画面収録機能を使用: 設定 > コントロールセンター > 画面収録を追加、その後スワイプしてコントロールセンターにアクセスし録画ボタンをタップ。iOS純正録画は写真にMP4 (H.264のMOVコンテナ) として保存されます。iPadも同様です。

録画を編集するにはどうしますか?

ダウンロード後、WebMファイルはWebMをサポートする任意のビデオエディタ (DaVinci Resolve無料、Kdenlive無料、ShotCut無料) で編集できます。MP4を好むエディタ (iMovie、古いPremiere) には、私たちのVideo Converterまたはコマンドffmpeg -i input.webm -c:v libx264 output.mp4を使うFFmpegで変換してください。開始と終了だけのトリミングには、私たちのVideo Trimmerツールが変換なしでWebMに直接動作します。

関連ツール