本文へスキップ

手動の画面録画と、自動で動くクラウドの URL レンダラーの比較

スクロールしながら画面を録画するか、Website Scroll Video のようなクラウドのレンダラーに URL を渡すか。なめらかさ、手間、画質、対応できる範囲、費用を並べて比べます。

Aviral Lakhanpaul 更新4 分で読めます

結論から

websitescrollvideo.com のようなクラウドの URL レンダラーは、自社のサーバーでページを開いてすべてのフレームを計算するので、貼ったリンク 1 つから、均一なスクロールで、ポップアップを取り除いた、最大 4K の好きなサイズの動画ができます。手動の画面録画は画面に映っているものをそのまま記録するので、非公開のページにも届き、実際の操作も記録できますが、スクロール、フレームレート、解像度はすべてあなたの手とハードウェア次第です。

同じ動画を手に入れる、2 つの異なる方法

手動の画面録画では、サイトを開き、OBS、QuickTime、Screen Studio などの録画ツールを始め、スクロールして、止めます。動画はモニターに表示されたものの写しです。

自動で動くクラウドのレンダラーでは、URL をサービスに貼ると、サーバー上のヘッドレスブラウザでページが読み込まれます。ページ全体を読み込んでから、スクロールの各フレームを数学的に組み立て、ファイルにエンコードします。どの段階でも、画面から何かを記録することはありません。

並べて比べる

手動の画面録画と、自動の URL レンダラーの比較
手動の画面録画クラウドの URL レンダラー
なめらかさホイールやトラックパッドの動きのままイージングカーブに沿って計算。毎回まったく同じ
フレームレートパソコンが追いつけた分だけ24・30・60 fps で固定
解像度画面かウィンドウのサイズが上限どのデバイスからでも最大 4K
Cookie バナーとチャットウィジェット閉じない限り映り込む収録の前に取り除かれる
モバイルレイアウトDevTools でのエミュレーションが必要スマホやタブレットの幅で読み込む
形や長さを変えるにはもう 1 テイクもう一度書き出す
非公開のページと localhost可不可
クリック、入力、ナレーション可ホバーのみ。音声なし
1 本あたりの作業準備、録画、切り抜き、編集貼って、調整して、書き出す

手動の録画が正解になるとき

  • ページにログインが必要、または localhost や社内ネットワーク上にある。
  • フォームへの入力、メニューの開閉、購入手続きの完了など、製品が使われている様子を見せる必要がある。
  • ナレーションを付ける、またはカメラに映る。
  • 2 分以内に必要で、録画ツールがすでに開いている。

この方法を選ぶなら、ウェブサイトのスクロール動画を録画する方法とスクロールのカクつきを直すで、きれいなテイクを撮るコツを解説しています。

レンダラーが正解になるとき

  • ページが公開されていて、見せたいのがページそのもの。ポートフォリオの作品、ローンチの投稿、テンプレートのプレビュー、クライアントの承認用など。
  • 同じページで、いくつもの形や長さが必要。
  • 編集ソフトを使わずに、ブラウザのフレーム、背景、一時停止、ホバーまで仕上がった見た目にしたい。
  • 画面が必要な出力サイズより小さい、またはフレームを落としがちなノートパソコンを使っている。

それぞれの費用

画面録画ソフトは、無料のもの(OBS、macOS や Windows の標準の録画機能)から、仕上げまでこなすサブスク制のものまでさまざまです。本当のコストは時間です。ページの準備、撮り直し、切り抜き、編集ソフトからの書き出し。

レンダラーもさまざまです。無料のものには、設定がほとんどない、あるいはまったくない、決まった動画を作るものもあります。それらは代替ツールのページで比較しています。Website Scroll Video は使った分だけの支払いです。登録すると 51 クレジットが無料で付き、その後はパック($5 で 100 クレジット、$12 で 400 クレジット、$19 で 900 クレジット)で購入でき、サブスクもウォーターマークもありません。プレビューは無料なので、支払うのは残したい書き出しの分だけです。

両方を使う

どんな仕事でも競合するわけではありません。よくあるのは、ページそのものはレンダリングしたスクロール動画で見せ、レンダラーにはできない 1 つの操作だけを短く画面録画して、編集ソフトでつなぐやり方です。レンダリングした部分がきれいで均一な動きを、録画した部分がクリックを担います。

あなたのサイトで試してみる

リンクを貼れば、スクロールのプレビューは無料です。登録すると 51 クレジットが無料で付き、クレジットカードは不要。書き出した動画にウォーターマークは入りません。

最近の検索

    よくある ご質問

    次によく聞かれることに、手短に答えます。

    お問い合わせ
    URL から動画を作るレンダラーは、画面録画ツールより優れていますか?

    公開ページを見せるなら、たいていはそうです。スクロールは手で行うのではなく計算されるので均一で、ポップアップも自動で取り除かれます。非公開のページや操作を見せるものなら、画面録画ツールしか選択肢はありません。

    クラウドのレンダラーで、ログインが必要なページを収録できますか?

    できません。匿名の訪問者と同じようにページを開くので、見えるのはログイン画面です。ログインが必要なページは、自分のパソコンで録画してください。

    クラウドのレンダラーは、自分の画面やパソコンに左右されますか?

    左右されません。ページの読み込みも動画のエンコードもサービスのサーバー上で行われるので、画面のサイズ、リフレッシュレート、プロセッサーは関係なく、スマホからでもノートパソコンからでも結果は同じです。

    Website Scroll Video のロゴ。ブラウザウィンドウ内のウェブページに再生ボタンが重なっている。

    録画の時間を減らし、つくる時間を増やす。

    カスタマイズできる動き、賢いコントロール、そして今のクリエイターのための書き出しオプションで、サイトの収録を自動化します。