どんなウェブサイトも、なめらかなスクロール動画に

仕組み

リンクを入れて動画を受け取るまで、3 ステップ

キャプチャには約 20 秒かかります。その後の処理はすべてお使いのパソコンで行われるため、設定を変えても待ち直す必要はありません。

1. 01

   アドレスを貼り付ける

   公開されているページなら何でも使えます。ランディングページ、ポートフォリオ、ドキュメント、ストアの掲載ページなど。デスクトップかスマートフォンのレイアウトを選びます。

2. 02

   スクロールを設定する

   縦横比、長さ、動き方を選びます。なめらかに一気に流す、一定の速さで進む、1 画面ずつ止まる、の 3 種類です。ブラウザウィンドウと背景も追加できます。

3. 03

   書き出してダウンロード

   動画はブラウザ内で MP4、WebM、GIF にエンコードされます。最大 1080p、60 fps で、透かしは入りません。

設定できること

画面録画以上のもの

• 3D シーン

  スクロールするページを、斜めのブラウザウィンドウ、ノートパソコン、スマホに映し、カメラがその周りを動きます。プレビューは無料、書き出しにはプランが必要です。

• 3 種類のスクロール

  「なめらか」はゆっくり始まり、ゆっくり終わります。「一定の速さ」は同じペースを保ちます。「1 画面ずつ」は各セクションで読める長さだけ止まります。

• あらゆる縦横比

  16:9 は投稿やスライドに、9:16 はストーリーやショート動画に、1:1 と 4:5 はフィードに向いています。スマートフォンのレイアウトなら縦型動画の端から端まで埋まります。

• ウィンドウと背景

  全面表示の代わりに、アドレス付きのブラウザウィンドウやスマートフォンの中にページを表示し、6 種類の背景から選べます。

• きれいなループ

  最後に最上部までスクロールして戻るので、動画や GIF が途切れずに繰り返されます。

• 整ったページ

  Cookie の通知、チャットの吹き出し、ポップアップはキャプチャ前に取り除かれます。固定ヘッダーはすべての画面を覆わず、最上部に一度だけ表示されます。

• フレーム単位で正確

  すべてのフレームを録画ではなく描画するため、パソコンが遅くても、カクつきもカーソルもフレーム落ちもありません。

使いみち

こんなものが作られています

• ローンチ

  ローンチ投稿

  新しいランディングページを 10 秒で流す動画は、X、LinkedIn、Product Hunt でスクリーンショットより多くを伝えます。

• ポートフォリオ

  制作事例

  デザインまたは開発したサイトを、背景の上のブラウザウィンドウでスクロールさせて、ポートフォリオや Dribbble の投稿で見せられます。

• メール

  ニュースレターとドキュメント

  ページの短いループ GIF は、動画が使えない場所でも使えます。メール、README、変更履歴など。

• SNS

  ストーリーとショート動画

  9:16 のスマートフォンレイアウトなら、ストーリー、Reel、Short の画面いっぱいに表示されます。

知っておきたいこと

キャプチャできるもの、できないもの

• 公開ページのみ

  ページは、どこにもログインしていない当方のブラウザで開かれます。ログインが必要なページ、お使いのパソコン上のページ、プライベートネットワーク上のページはキャプチャできません。

• ページは画像として扱われます

  ページは一度だけキャプチャされ、その後スクロールされます。ページ上の動画、カルーセル、アニメーションは静止し、登場エフェクトは完了した状態で表示されます。

• とても長いページ

  キャプチャはデスクトップで約 22 画面、スマートフォンで約 14 画面で止まります。動画はそこで終わります。

• アクセスを拒否するサイト

  自動化されたブラウザをブロックするサイトもあります。その場合、ツールはエラーページをキャプチャせず、その旨を表示します。