画面録画

画面を録画する手順

1. 音声ナレーション用にマイクを含めるかどうかを選びます。
2. 録画をクリックし、収録するタブ、ウィンドウ、または画面全体を選びます。
3. 収録を開始するため、ブラウザが求める許可を与えます。
4. 録画したいことを行い、終わったら停止をクリックします。
5. 録画をWebM動画ファイルとして端末にダウンロードします。

収録できるもの

開始すると、ブラウザがソースを選ばせてくれます。特定のブラウザタブ、開いている1つのアプリケーションウィンドウ、または画面全体です。1つのタブやウィンドウを選べば、それ以外はプライベートに保たれフレームの外に出ます。画面全体は、アプリ間を移動するデモに最適です。

任意でマイクを含められます。これが、無音の画面収録をナレーション付きのチュートリアルに変えるものです。見せているものに声を重ねたいときはマイク入力を選び、クリーンで無音の録画にはオフのままにします。

内部の仕組み

このツールはgetDisplayMediaを呼び出します。これは、画面を共有するよう促し、あなたが承認すると動画ストリームを返す標準的なブラウザのメソッドです。明示的な許可が常に必要なので、あなたがソースを選ばない限り何も収録できません。

そのストリームは、ブラウザ組み込みの録画エンジンであるMediaRecorderに送られ、進行に合わせてフレームを動画ファイルにエンコードします。停止すると、組み上がったファイルがダウンロードとして提供されます。どちらもネイティブのブラウザ技術なので、ソフトウェアもプラグインも一切不要です。

何もアップロードされない

録画は最初から最後まで端末上で作成・保存されます。画面を受け取るサーバーも、クラウドでのレンダリング工程も、あなたが削除するのを待って他人のストレージに置かれる動画の写しもありません。

これは、アカウント情報が映るバグや社内ダッシュボードのように、機密性の高いものを録画するときにまさに望むことです。映像は、ダウンロード後にあなた自身がファイルを共有すると選ばない限り、端末の外に出ることはありません。

WebM出力フォーマット

録画はWebMとして保存されます。これは、広くサポートされたオープンな動画フォーマットです。最新のブラウザやほとんどのメディアプレーヤーでそのまま再生でき、画面コンテンツによく適しており、チュートリアルやデモのファイルサイズを妥当に保ちます。

MP4など別のフォーマットが必要なら、ここでWebMで録画してから後でファイルを変換してください。正直に言うと、このツールは特にWebMを出力するので、アップロード先が別のフォーマットを求める場合は変換の手順を見込んでおいてください。

チュートリアルやバグ報告に最適

短い録画は、一段落の文章よりずっと速く物事を説明できることがよくあります。操作手順、ハウツーガイド、製品デモは、視聴者が実際の手順を見られると伝わりやすくなり、上に重ねたナレーションが文脈を加えます。

バグ報告も強力な用途です。問題を引き起こす正確な手順を収録すれば、開発者は再現できる材料を手にできます。ウィンドウやタブを録画すれば、デスクトップの他の部分を見せずに問題を示せます。

良い録画のコツ

始める前に、通知や映したくないウィンドウを閉じ、1つのタブを収録するか画面全体かを決めましょう。必要なタブやウィンドウだけを録画すれば結果が焦点を保ち、うっかりプライベートな内容を共有するのを避けられます。

ナレーションをするなら、まずマイクを手早く確認し、はっきり話しましょう。何を見せるかをおおまかに計画すれば録画が締まります。短くテンポの良いクリップのほうが、長く冗長なものよりずっと見やすいからです。

正直な制約

これはデスクトップブラウザ向けのツールで、Chrome、Edge、Firefoxなどのブラウザで動作します。これらのAPIによる画面録画は、モバイルブラウザでは一般に利用できないので、コンピューターから録画するつもりでいてください。

システム音声、つまりマイクではなくコンピューターから出る音の収録は、OSとブラウザに依存し、どこでも保証されるわけではありません。環境によっては、ソースを選ぶ際に音声共有のオプションにチェックを入れる必要があり、別の環境ではマイク音声のみが利用可能です。

よくある質問

関連ツール