書き出し設定
書き出しには目に見える選択が三つ——解像度、フレームレート、長さ——と、目に見えない選択が一つあります。他の二つから導かれるビットレートです。それぞれがダウンロードフォルダに届くファイルに何をするかを説明します。
解像度とフレームレート
理由がなければ 1080p で書き出してください。下流のすべてがその形を前提に作られていて、どこでも再生でき、それを超えると、たいていは同じ画面録画の大きいファイルを作っているだけです。720p はファイルを小さくしたいとき——メール添付、遅い回線——に価値があり、1440p や 2160p は大画面で見せるときや、誰かがそこから切り抜く余地を残したいときです。元素材を超えて書き出す意味はありません。1080p の録画を 2160p に拡大しても、容量が増えるだけで情報は増えません。既定値は、あなたの元素材が実際に満たせる最大の標準の高さに設定されます。
ビットレートはどう決まるか
あなたは設定しません。役に立つ数値はフレームの大きさとフレームレートの両方に依存し、手で選ぶのはブロックだらけの 4K を作る近道だからです。おおむね**1 メガピクセルあたり 6.2 Mbps**で計算し、30 fps を超えると 1.5 倍し、4〜48 Mbps に収めます。1080p・30 fps なら 13 Mbps 前後になり、画面素材には潤沢です。平坦な UI の背景は極めてよく圧縮され、その余裕がグラデーションの縞を防ぎます。画面録画はこの点で変わっています。情報量ではカメラ素材より少ないビットレートで足り、滑らかな平坦部には思ったより多くを必要とします。
MP4、H.264、キーフレーム
出力は H.264 の映像と、あればビットレート 128 kbps の AAC 音声を持つ MP4 です。議論の余地なくどこでも再生できる組み合わせです。エンコーダは High プロファイルを好み、Main、次に Baseline へ落ちます。Baseline には平坦な背景を縞から守る道具がなく、このアプリはまさにその平坦な背景の上にあなたの録画を置くからです。フレームの寸法は偶数に丸められます。H.264 の色差サブサンプリングが奇数を受け付けないためです。キーフレームは二秒ごとに書き込まれ、誰かがシークバーを引いたときに滑らかに動くのはこのおかげです。
書き出せないとき
エンコードには WebCodecs を使い、実際にはデスクトップの Chrome か Edge を意味します。代替の経路はありません。WebM も GIF もサーバー側エンコードもありません。そして中途半端に動く代わりに、アプリは書き出しを押す前にそう伝えます。エンコードできないブラウザでも録画と編集は動くので、そこで準備して別の場所で書き出せます。書き出し自体はリアルタイムのキャプチャではありません。各フレームを一つずつシークし、描き、エンコードします。だから 30 秒のデモには時間がかかり、結果は再生中のマシンの速度に左右されずフレーム単位で正確です。
| 高さ | 画面 | 30 fps 時 | 60 fps 時 | 無料枠 |
|---|---|---|---|---|
| 720p | 1280×720 | 約 5.7 Mbps | 約 8.6 Mbps | 可 |
| 1080p | 1920×1080 | 約 12.9 Mbps | 約 19.3 Mbps | 可 |
| 1440p | 2560×1440 | 約 22.9 Mbps | 約 34.3 Mbps | 不可 |
| 2160p | 3840×2160 | 約 48 Mbps(上限) | 約 48 Mbps(上限) | 不可 |
よくある質問
デモ動画はどの解像度で書き出しますか
ほとんどの用途で 1080p。ファイルを小さくしたいなら 720p、大画面や誰かが切り抜く場合は 1440p か 2160p。
画面録画のビットレートはどれくらいですか
ここでは設定しません。1 メガピクセルあたりおよそ 6.2 Mbps、30 fps 超で 1.5 倍、4〜48 Mbps に制限。平坦な画面素材には潤沢で、それが縞を防ぎます。
なぜ WebM ではなく MP4 なのですか
H.264 と AAC の MP4 は変換なしでどこでも再生できます。WebM の書き出し経路はありません。
書き出しに時間がかかるのはなぜですか
再生のキャプチャではないからです。各フレームを一つずつシークし、構成し、エンコードします。それが出力をフレーム単位で正確にします。
書き出しが灰色かエラーになります。なぜですか
エンコードには WebCodecs が必要で、今日はデスクトップの Chrome か Edge を意味します。代替のエンコーダはありません。録画と編集は他のブラウザでも動きます。
元素材より高い解像度で書き出せますか
できますが得るものはありません。同じ情報量の、より大きなファイルになるだけです。
画面録画を、最後まで見てもらえるデモに。 タブを録画すると、実際に何かが起きた場所へ自動でズームが入り、落ち着いた背景とウィンドウ枠に載せて MP4 に書き出せます。すべてタブの中で起きます。こちら側に動画を受け取る窓口はありません。
Demo Studio を開く