javascript - ブラウザのアクティビティをビデオファイルにキャプチャする方法

Question

テスト目的でブラウザでアクティビティをキャプチャしたいと考えています。JavaScriptを使用することは可能ですか？他の可能性はありますか？

録画ボタンを押すと画面を録画し、停止ボタンを押すと停止します。

score 0 · Accepted Answer

ジンを試しましたか？私たちのQAは、ブラウザのバグのスクリーンキャストをキャプチャするためにそのアプリをよく使用します。[http://www.techsmith.com/jing-features.html]

score 0 · Accepted Answer

CrazyEgg:複数のドメインにまたがる訪問者のアクティビティを確認でき、設定も非常に簡単です。無料アカウント（以下の機能を提供）

ヒートマップ分析 – ユーザーがサイトでクリックした場所を視覚的に表現します。これにより、何がホットで何がそうでないかがわかるため、重要な変更を加えることができます。
紙吹雪 – これは、訪問者のアクティビティをもう少し深く掘り下げ、リファラー、オペレーティングシステム、ブラウザなどに基づいて絞り込むのに役立ちます。
オーバーレイ – リンクがクリックされた回数を理解するのに役立ちますか? あなたのサイトの「ホット」リンクは何ですか?
リスト – 要素ごとのアクティビティを理解するのに役立ちます (たとえば、何人の訪問者が「検索ボックス」を使用して画像をクリックしたかなど)。

ClickDensity: Crazyeggとほぼ同様の機能を提供します。他との違いはいくつかあります。

驚きの領域 – クリックしてはいけない領域をクリックしていませんか? (リンクされていないロゴ?)。同様に、あなたのサイトで人気のないエリア/リンクは何ですか?
正確なヒートマップ – 他の多くのサービスとは異なり、ClickDensity ヒートマップは非常に正確で、さまざまなセクション/コンポーネントを簡単に比較できます。

- ホバーマップ – ページ上の個々のアイテムの使用状況データを表示します。ページ上のクリック可能なすべてのアイテムが強調表示され、個別にアクティブ化して、クリックした訪問者数やその他の統計を表示できます。

UserFly:サイトでのユーザーアクティビティのビデオを見るのはどうですか? どこをクリックして、どのようにスクロールするかを見ていますか? 彼らのマウスの動きなど？彼らはどのようにコンテンツを消費しますか?

Userfly では基本的に、サイトでの訪問者のアクティビティを追跡し、動画をアカウントに保存できます。私たちはかなり長い間 Userfly を使用しており、サービスが本当に気に入っています (ただし、チームには多くの機能の提案があります)。

WebVisor:モジュールの Yandex Metrica で、訪問者をアクティブな形式のビデオで表示できます。

マウスの動き、クリック、ページのスクロール、フォームへの入力、テキストの選択/コピーなどのアクションを見ることができます。

javascript - ブラウザのアクティビティをビデオ ファイルにキャプチャする方法