ダッシュボードを録画する、カメラバブルごと

いいものができたら見せたくなります — 静止画ではなく、動いているところを。これまでそれは、アプリを離れて別の録画ソフトを用意し、ブラウザのウィンドウを構図に収め、結果が見られるものであることを祈る、という意味でした。今はツールバーのボタンです。

ダッシュボードをキャプチャは二つを提供します。保存前にトリミングできるスクリーンショットか、動画を録画 — あなたのキャンバスを、止めるか 10 分に達するまでそのまま。

何を画に入れるか

始める前に決める、三つのスイッチ。

• カメラバブル — ウェブカメラを、丸い形で動画に合成
• マイク — あなたのナレーション
• タブの音声 — ページ自身が鳴らしている音

カメラバブルは隅に固定されていません。好きな場所へドラッグでき、離した位置に最も近い角へ、選んだサイズで吸着します。これは動画の一部であって後付けのオーバーレイではないので、構図に収めたものがそのままファイルの中身になります。

録画中は、フローティングの操作バーが邪魔にならない位置に留まり、途中で本当に必要になる四つをこなします。一時停止と再開、マイクのミュート、タブ音声のミュート、カメラバブルの非表示と移動 — そして停止。タイマーはずっと走り、10 分の上限に近づくと、説明なく切れる代わりに先に知らせます。

そのあとは、ダウンロードではなく判断

止めると、その録画がレビュー画面で開き、動画と四つの選択肢が出ます。保存、共有、投稿、破棄。

投稿はコミュニティのフィードへ送るもので、制限があるのはこれだけです。10 分の録画はフィードのアップロード上限を超えることがあります。その場合、投稿は無効化され、理由を説明します — 上限の数値つきで。一方で保存と共有はその上限に近づかないので、そのまま使えます。数字を教えてくれるグレーのボタンのほうが、アップロードのバーが埋まってから失敗するボタンよりましです。

地味だが、ファイルの出来を決める部分

画面録画の仕事の大半は、うまくいっているときには見えません。

• 映像はつねに固定サイズのキャンバス上で合成されます。 カメラバブルがなくても同じです。タブキャプチャの解像度はウィンドウに追従するため、録画の途中で一度リサイズするだけで映像トラックが再ネゴシエートされ、解像度が変化したファイルはほとんどのプレイヤーで壊れます。最初に一度だけサイズを決めることが、出力を一本のきれいなエンコードにします：30fps の 1080p、ブラウザが結局フルスクリーンのソースを渡してきた場合は 720p へ。
• コンテナは実行時に選ばれ、決め打ちしません。 Firefox は WebM、Safari は MP4 を録り、Chromium はバージョンによって両方を出してきました。レコーダーはまず MP4 を試し — 録ったあと持っていきそうな場所のどこでも再生できるファイルだからです — 必要なら WebM まで下り、そしてファイル名は「要求した形式」ではなく「ブラウザが実際に使った形式」に合わせます。
• フレームはページとは独立した時計で刻まれます。 バックグラウンドのタブはアニメーションを絞る一方で音声は絞りません。これがまさに「絵は止まっているのにナレーションだけ続く」の作られ方です。録画中にタブが隠れていた場合は、あとで気づかせる代わりにレビュー画面がそう伝えます。
• どの終了経路でも、開いたトラックはすべて停止されます。 起動の途中で失敗した場合も含みます。カメラのライトが点いたままなのは、あなたを見張っているように見えるアプリであり、それに許容できる形はありません。

エラーは両方向に正直です。ブラウザの選択ダイアログを閉じるのはエラーではないので、何も言いません — 何も共有していないのですから、通知はただのノイズです。一方、映像を送ってこないソースは、灰色の長方形に向かって 5 分喋ってしまう前に警告しますし、そもそも動画をエンコードできないブラウザは、空のファイルを作る代わりにそう言います。

次に来るもの：ウィジェット単体の録画

次のアップデートで届くのは、これをもっと小さく鋭くした版です。ウィジェット自身のヘッダーにあるカメラボタンが、そのウィジェットだけを録画します — ウィジェット本体にトリミングされるので、ボタンのあるヘッダーも操作バーも画角の外に出ます。録画中の表示はそこに置いたままで、動画には写りません。

これは Region Capture の上に作られており、今日それは Chromium デスクトップの機能です。ですからボタンは、あとで詫びることになる約束を出す代わりに、実際に果たせる場所にだけ現れます。ウィジェットを動かせば追従し、ウィジェットがスクリーンから消えればきれいに停止します。

この二つが揃うと、「作ったものを見せる」はスクリーンショット＋一段落ではなくなります。

Nexow を開いて、ツールバーのダッシュボードをキャプチャを探し、キャンバスを録画してみてください。