気を散らさず、指し示すズーム

画面いっぱいの録画は、大事なところを視聴者に自分で探せと言っているようなものです。スマホでは探してくれません。ズームはそれを指し示します。下手にやれば、同じ動きが動画を見るに堪えないものにします。だから自動ズームが実際に何に基づいているかを知る価値があります。

変化を測っている。カーソルは追っていない

ここが正直な部分で、期待すべきことを変えます。ブラウザは OS のカーソル位置を見られないので、クリックを追うことは私たちにはできません。そして作り出すことは、あなたの動画に捏造されたポインタを置くことを意味します。代わりに解析は録画を標本化し、連続するフレームを低解像度で比べ、画面が**変化した**場所を見つけます。小さく鋭く局所的な変化は目標らしいものとして扱い、ほぼ画面全体を覆う変化はスクロールやページ遷移と読んで無視します。これがうまくいくのは、画面録画で変化するものは、ほぼ常にあなたが直前にしたことだからです。

何が提案され、何が提案されないか

解析はクリップ全体で最大 900 点を標本化し、画面のおよそ 0.15 % を超えて変化した瞬間を「動きあり」と数えます。画素サイズのノイズと、画面の四分の三を覆う変化は捨てます。残ったものを採点し——小さく鋭いほうが大きく曖昧なものより高得点——上位いくつかを提案します。最大六つ、そして動画五秒あたりおおよそ一つを超えることはなく、すでに選ばれた動きの周囲 2.2 秒は除外されます。各提案には、変化した領域が画面のおよそ 45 % を占める寸法のズームが 2.8× を上限として与えられ、最低 1.4 秒の停留が付きます。あくまで提案です。良いものを残し、ドラッグし、時間を直し、残りは削除してください。

動きがこう感じられる理由

イージングはよくある三次の ease-in-out ではなく smootherstep です。理由は測れます。同じ長さで、三次曲線の最高速度は平均のおよそ三倍、smootherstep は 1.875 倍。この差が、滑る動きとつんのめる動きの差です。ズームは対数で補間されるので、1× から 2× と 2× から 4× は同じ時間がかかり、同じ動きとして感じられます。安っぽいズームが被写体へ加速していくように見えるのは、線形補間のせいです。ランプは距離にも適応します。画面上を遠くまで移動する動きには、鞭で送り込む代わりに多くの時間が与えられます。

うっとうしくない動きのための二つの規則

第一に、**思うより少なく**。三十秒に二、三回で十分です。数秒おきの動きは動画を遊園地の乗り物に変え、視聴者は何も読まなくなります。第二に、**読めるだけ止める**。着いた途端に去るズームは、ズームがないより悪いものです。視聴者は動きだけを認識して、見返りに何も得ないからです。最低停留が 1.4 秒なのはそのためです。二つの動きが近くにあるときは、いったん引きに戻らず直接つながります。出てまた入るのは、デモ動画がやれる最も酔わせる行為だからです。そして、短すぎる時間で遠くまで動けと求められた動きは、黙って出荷されるのではなく「詰まっている」と印を付けられます。