録画ソースを選択
画面、Webカメラ、または画面 + Webカメラを選択します。画面キャプチャを使用する場合、共有する画面、ウィンドウ、またはタブをブラウザーが確認します。
メディアツール
•
無料オンラインツール
無料オンライン画面録画 – 画面・Webカメラ・音声
ブラウザで画面、Web カメラ、またはその両方を直接録画します。
無料で利用
登録不要
ブラウザで利用
オンラインツール
無料オンライン画面録画 – 画面・Webカメラ・音声
準備完了
このブラウザーでは画面録画を利用できません。
準備完了
画面、Webカメラ、または両方を録画
権限とブラウザーの動作
ブラウザー内録画
画面
Webカメラ
画面 + Webカメラ
録画を仕上げています
MP4 encoding runs on your device when the browser recording
requires conversion.
Recording complete
動画の準備ができました
ダウンロードする前に完成した録画をプレビューできます。
Please solve the captcha first.
MP4エンコードを利用できない、または完了できなかったため、元のWebM録画を保持しました。
録画を始める前に
権限とブラウザーの動作
必要なアクセスだけを許可
マイクまたはカメラへのアクセスは、そのオプションを有効にした場合だけ許可してください。システム音声またはタブ音声もブラウザーの共有ダイアログで許可する必要があります。
いつでも一時停止または停止
現在のファイルを終了せずに一時停止し、準備ができたら再開できます。停止すると録画が確定されます。ブラウザー側で画面共有を終了した場合もキャプチャは自動的に停止します。
ブラウザー画面録画
画面・Webカメラ・音声対応の無料オンライン画面録画
CyberToolsの画面録画は、対応ブラウザーのキャプチャAPIを使い、ブラウザータブ、アプリケーションウィンドウ、ディスプレイ、Webカメラ、または画面とWebカメラを組み合わせた映像を直接録画します。マイクを追加し、対応している場合はシステム音声やタブ音声を要求でき、1080p、720p、480pから録画品質を選択できます。録画中は一時停止と再開が可能で、終了後は結果をプレビューしてダウンロードできます。最初の録画はMediaRecorderで作成され、変換可能な場合はFFmpeg WebAssemblyを使ってH.264映像とAAC音声の互換性の高いMP4を生成できます。MP4エンコードに失敗した場合でも、元のWebM録画は保持されます。
画面録画
Webカメラ録画
マイク音声
システム / タブ音声
一時停止と再開
MP4出力
ブラウザー内処理
オンラインで画面を録画するには？
画面、Webカメラ、または画面 + Webカメラを選び、必要な音声ソースを有効にして品質を選択し、「録画を開始」を押します。ブラウザーが画面、カメラ、マイクに必要な権限を求めます。録画中は一時停止、再開、停止が可能です。停止後、CyberToolsがブラウザー内で録画を仕上げ、必要に応じて互換性の高いMP4への変換を試み、プレビューとダウンロード用のファイルを用意します。
- 画面、Webカメラ、または画面 + Webカメラを選びます。
- 自分の声を含めたい場合はマイクを有効にします。
- ブラウザーと選択した共有ソースが対応している場合は、システム音声またはタブ音声を要求します。
- 1080p、720p、480pから選びます。
- ブラウザーが求める権限を許可します。
- 一時停止、再開、停止を使い、終了後にプレビューしてダウンロードします。
オンライン画面録画では何を録画できますか？
ブラウザー画面録画は、デスクトップ動画編集ソフトを開かずに操作や説明を記録したいときに便利です。最適な設定は、画面、話者、音声、またはそれらの組み合わせのどれが重要かによって変わります。
ブラウザータブ、ウィンドウ、画面を録画
アプリケーション、ブラウザータブ、プレゼンテーション、Webサイト、ソフトウェアの操作説明、ダッシュボードなどを記録する場合は画面モードを使います。共有可能な対象はブラウザーが決定し、CyberToolsが受け取るのは共有ダイアログでユーザーが明示的に許可したソースだけです。
Webカメラを録画
デスクトップを映さずカメラだけを録画したい場合はWebカメラモードを使います。短い説明、ビデオメッセージ、自己紹介、話者中心の録画に向いています。カメラへのアクセスはブラウザー権限と端末の利用可否に依存します。
画面とWebカメラを同時に録画
画面 + Webカメラモードでは、ブラウザーCanvas上で共有画面とカメラ映像を組み合わせます。画面がメイン映像となり、Webカメラがピクチャーインピクチャーとして表示されます。チュートリアル、ウォークスルー、プレゼンテーションに適しています。
マイクでナレーションを録音
解説、ナレーション、手順説明、コメントを入れたい場合はマイクを有効にします。現在の録画機能は、ブラウザーが対応している場合、エコーキャンセル、ノイズ抑制、自動ゲイン調整などの音声制約を要求します。
システム音声またはタブ音声を要求
画面録画ではシステム音声やタブ音声を要求できますが、実際に音声トラックが利用できるかどうかはブラウザー、OS、共有対象、キャプチャダイアログの選択肢に依存します。ブラウザー側で音声共有を個別に有効にする必要がある場合があります。
長い録画を一時停止して再開
一時停止すると、同じ録画ファイルに新しいメディアを追加する処理が一時的に止まりますが、ファイル自体はまだ確定されません。再開すると同じ録画が続き、停止するとキャプチャが終了して仕上げ処理が始まります。表示時間には一時停止中の時間は含まれません。
画面録画の1080p・720p・480p比較
品質設定は、キャプチャと合成で要求する目標解像度を決定します。高い解像度ほど多くの視覚情報を保持できますが、その分CPU、メモリ、保存容量への負荷も増えます。
| 設定 | 目標 | おすすめ用途 | トレードオフ |
|---|---|---|---|
| 1080p | 1920 × 1080 | 細かなUI、プレゼンテーション、大きなディスプレイ | 3つの設定の中で最も処理負荷とファイルサイズが大きい |
| 720p | 1280 × 720 | 一般的なチュートリアルやバランス重視の録画 | 1080pより詳細は少ないが負荷が軽い |
| 480p | 854 × 480 | 短い録画や低スペック端末 | 3つの設定の中で最も詳細が少ない |
| 画面のみ | 共有画面ソース | ソフトウェア操作説明やプレゼンテーション | 統合モードを使わない限りWebカメラは含まれない |
| Webカメラのみ | カメラソース | ビデオメッセージや話者中心の録画 | デスクトップ内容は含まれない |
| 画面 + Webカメラ | Canvas合成出力 | チュートリアルや話者付きウォークスルー | 画面とカメラを同時に処理する必要がある |
CyberToolsが画面・Webカメラ・音声を録画する仕組み
録画機能は標準的なブラウザーメディアAPIで各ソースを取得し、MediaRecorderで最初の録画を作成します。画面 + WebカメラモードではHTML Canvasを使って映像を合成します。複数の音声ソースがある場合はWeb Audio APIを使って1本の音声トラックにまとめることができます。録画停止後は、FFmpeg WebAssemblyを使ってH.264映像とAAC音声のMP4を生成できます。
許可されたメディアソースを要求
画面キャプチャにはnavigator.mediaDevices.getDisplayMedia()、Webカメラとマイクにはnavigator.mediaDevices.getUserMedia()を使用します。ブラウザー自身が権限画面を表示し、利用可能な画面、カメラ、マイクを決定します。
画面とWebカメラを合成
統合モードでは、CyberToolsが選択された解像度のCanvasを作り、その上に共有画面とWebカメラ映像を描画します。Canvasは30 FPSの動画ストリームとしてキャプチャされ、MediaRecorderの映像ソースになります。
マイクと共有音声をミックス
複数の音声ソースが利用できる場合は、AudioContextとMediaStreamDestinationを通して1本のミックス済み音声トラックにまとめることができます。
対応しているMediaRecorder形式を選択
録画機能はMediaRecorder.isTypeSupported()を確認します。対応していればWebMのVP9 + Opusを優先し、その後VP8 + Opusを試し、必要に応じてブラウザー標準の形式を使用します。
利用可能な場合はMP4へエンコード
ブラウザーがWebMを作成し、FFmpeg WebAssemblyが利用できる場合、CyberToolsはlibx264によるH.264映像とAAC音声へ変換できます。MP4出力では互換性向上のためyuv420pとfast-startメタデータを使います。
変換失敗時も録画を保持
MP4変換は後処理です。FFmpegの読み込みやエンコードに失敗しても、元のWebM録画を保持するため、成功した録画そのものが失われることはありません。
どの画面録画設定を選ぶべきですか？
視聴者が実際に見たり聞いたりする必要がある内容に合わせて設定を選びます。高解像度でも、必要以上に端末負荷が増えるだけなら最適とは限りません。
| Use case | Recommended setting | Why |
|---|---|---|
| ソフトウェアチュートリアル | 画面 + マイク、1080pまたは720p | 画面上の操作を見せながら音声で手順を説明できます。細かなUI文字が重要で端末性能に余裕がある場合は1080pが適しています。 |
| 話者付きプレゼンテーション | 画面 + Webカメラ + マイク | スライドやデスクトップを表示しながら、話者の映像と音声も同時に記録できます。 |
| 短いブラウザーデモ | 画面、720p | Full HDの細かさが不要な一般的なデモでは、720pが品質と負荷のバランスを取りやすい設定です。 |
| 簡単なビデオメッセージ | Webカメラ + マイク | カメラ映像と音声だけが必要な場合は画面共有を要求する必要がありません。 |
| タブ音声を含む録画 | 画面 + 要求したタブ / システム音声 | システム / タブ音声を有効にし、ブラウザーの共有画面で音声共有オプションが表示された場合は、それも許可します。 |
| 性能が低めの端末 | 480pまたは720p | 解像度を下げることで、合成、録画、変換で処理する動画データ量を減らせます。 |
録画設定が品質・ファイルサイズ・互換性に与える影響
画面録画の品質は、元ソース、解像度、ブラウザーエンコーダー、フレーム出力、音声ソース、変換処理などに左右されます。WebMやMP4はコンテナ形式であり、それだけで画質が決まるわけではありません。
解像度は見える細かさに影響する
元ソースに十分な情報がある場合、1080pは720pや480pより細かなUI情報を保持できますが、処理するピクセル数も増えます。
MediaRecorderが初期エンコードを作成
最初の録画はMediaRecorderで作成されます。CyberToolsは対応するWebM形式を確認し、対応していないブラウザーにVP9を強制しません。
MP4とWebMはコンテナ形式
現在のMP4変換はH.264とAACを使用し、ブラウザーの初期録画では対応状況に応じてVP9またはVP8とOpusが使われます。
MP4変換には実際の再エンコードが必要
VP8またはVP9のWebMは拡張子を変更するだけでは互換性の高いH.264 MP4にはなりません。現在の処理では実際にH.264とAACへ再エンコードします。
長い録画ほど多くのメモリを使う
録画中にメディアチャンクが蓄積され、完成ファイルもブラウザー内で処理されるため、長時間かつ高解像度の録画ほど多くのリソースを必要とします。
元ソースにない詳細は作れない
1080pを選んでも、元の画面やWebカメラに存在しなかった視覚情報を新たに生成することはできません。
画面録画はどこで処理されますか？
現在の録画処理は端末上のブラウザーメディアAPIを利用します。MediaRecorderがローカル録画を作成し、画面とWebカメラの合成はCanvasで行われます。音声ミックスにはWeb Audio APIを利用でき、MP4への任意変換にはFFmpeg WebAssemblyを使用します。
録画はブラウザー権限で制御される
CyberToolsが画面、カメラ、マイクを無断で選択することはできません。ブラウザーの権限システムがアクセスを管理し、利用できるソースを提示します。
共有停止時に画面録画も終了
ユーザーがブラウザーの共有UIから画面共有を停止すると、映像トラックがendedイベントを発生させ、録画処理も終了へ進みます。
ローカル処理でも端末リソースを使用
録画、合成、エンコードは端末上で実行されるため、CPU性能、空きメモリ、ブラウザー実装、システム負荷が安定性に影響します。
プライバシー表現は正確である必要がある
録画はブラウザー内のローカル処理を中心に設計されていますが、OSの制限を回避したり、すべての端末であらゆる音声ソースを保証したりするものではありません。
オンライン画面録画で保証できないこと
ブラウザー録画はブラウザーのセキュリティと端末リソースの制限内で動作します。システム音声、バックグラウンド動作、解像度、端末アクセスには環境差があります。
システム音声は常に利用できるわけではない
システム音声やタブ音声を要求しても必ず音声トラックが得られるわけではありません。対応状況はブラウザー、OS、共有対象によって異なります。
Webサイトは権限を回避できない
カメラ、マイク、画面共有は権限で保護されています。CyberToolsが自動的に承認したり、秘密にソースを選んだりすることはできません。
長時間・高解像度録画はリソースを使い切る可能性がある
大きな録画ではメディアチャンクに多くのメモリを使い、MP4変換ではさらにCPUとメモリが必要になります。
1080pは目標であり元からFull HDを保証するものではない
実際の詳細は元ソース、ブラウザー、端末によって決まります。1920 × 1080を要求しても、元にない情報が追加されるわけではありません。
録画内容を自動編集する機能ではない
現在の機能は録画、一時停止、再開、対応ソースの合成、ファイルの仕上げを行います。自動的にミスを削除したり、字幕を作成したり、AI編集を行ったりはしません。
バックグラウンド動作はブラウザー依存
ブラウザーやOSは状況に応じてメディア処理を制限、停止、終了する場合があります。
画面録画、MediaRecorder、WebM、MP4、ブラウザーキャプチャの解説
以下は現在の画面録画処理で使われている主要なブラウザー技術とメディア概念です。
- getDisplayMedia
- ユーザーが選択した画面、ウィンドウ、ブラウザー面のキャプチャを要求するMediaDevicesメソッドです。
- getUserMedia
- ユーザーの許可後にカメラやマイクのストリームを要求するMediaDevicesメソッドです。
- MediaRecorder
- MediaStreamを録画し、エンコード済みのメディアチャンクを作成するブラウザーAPIです。
- MediaStream
- 画面映像、Webカメラ映像、マイク音声、共有音声などのアクティブなメディアトラックの集合です。
- Web Audio API
- 複数の音声ソースを1本の出力トラックへミックスするためにも利用できるブラウザー音声処理APIです。
- WebM
- MediaRecorderが一般的に生成するメディアコンテナで、VP8またはVP9映像とOpus音声を含むことがあります。
- MP4
- 広く対応しているメディアコンテナです。現在の変換経路ではFFmpeg成功時にH.264映像とAAC音声を使ったMP4を生成します。
- H.264
- 幅広い環境で再生できる動画圧縮規格です。CyberToolsは任意のMP4変換でlibx264を使います。
- AAC
- 広く対応している圧縮音声コーデックで、現在のMP4経路では128 kbpsで使用されます。
- FFmpeg WebAssembly
- ブラウザー内で実行できるFFmpegビルドで、対応する録画結果をH.264/AAC MP4へ変換するために利用されます。
画面録画のよくある質問
画面キャプチャ、Webカメラ、マイク、システム音声、一時停止と再開、品質、MP4/WebM、プライバシー、ブラウザー制限について回答します。
オンラインで画面を録画するには？
画面を選び、必要に応じてマイクや対応しているシステム / タブ音声を有効にし、品質を選んで録画を開始します。ブラウザーの共有ダイアログで画面、ウィンドウ、タブを選び、終了後に停止してプレビューとダウンロードを行います。
Webカメラと画面を同時に録画できますか？
はい。画面 + Webカメラを選択すると、CyberToolsが許可された2つのソースをCanvas上で合成し、Webカメラをピクチャーインピクチャーとして表示します。
画面と一緒にマイク音声も録音できますか？
はい。録画開始前にマイクを有効にし、ブラウザーが求める権限を許可してください。
システム音声やタブ音声を録音できますか？
画面録画中に要求できますが、実際に利用できるかどうかはブラウザー、OS、共有対象によって異なります。
録画を一時停止して再開できますか？
はい。一時停止するとMediaRecorderが一時的に止まりますがファイルは確定されず、再開すると同じ録画が続きます。
録画結果はMP4ですか、それともWebMですか？
ブラウザーはまずMediaRecorderが対応する形式、一般的にはWebMで録画します。FFmpeg WebAssemblyが利用できる場合はH.264/AAC MP4へ変換できます。失敗した場合は元のWebMを保持します。
1080p、720p、480pの違いは？
1080pは1920 × 1080、720pは1280 × 720、480pは854 × 480を目標にします。高解像度ほど詳細を保持できますが、端末負荷も大きくなります。
録画はブラウザー内で処理されますか？
現在の処理ではブラウザーメディアAPI、MediaRecorder、Canvas、Web Audio、端末上のFFmpeg WebAssemblyを利用します。
長い録画が遅くなったり失敗したりするのはなぜ？
長時間または高解像度の録画は多くのメモリとCPUを使います。MP4変換も追加の処理負荷になります。
ブラウザー権限を回避できますか？
いいえ。画面、カメラ、マイクへのアクセスはブラウザーとOSの権限で制御されています。
画面、Webカメラ、マイク、対応しているシステム音声またはタブ音声をブラウザー上で直接録画できます。一時停止、再開、プレビュー、ダウンロードに対応し、処理はブラウザー内で実行されます。