Как «захватить» поведение элементов на странице и сгенерировать видео?

Question

[Alex]

Есть обычная html страница. На ней, средствами JS выполняются какие-то манипуляции с DOM.
Необходимо создать видео файл (или gif) в котором будет запечатлено поведение страницы.
Существуют ли для этого какие-то JS библиотеки или что-то подобное?

Comments

[Kovalsky]

Не знаю что именно вам нужно, но Хром умеет записывать видео с помощью Screencastify, а гифы можно делать с помощью LICEcap

Answer 1

[RaulDuke]

Процитирую Stackoverflow:

You can use ready-made solutions:

www.google.com/analytics
www.clicktale.com
https://segment.io/
www.extrawatch.com
mouseflow.com
https://www.seevolution.com/
clicky.com
You can do amazing stuff with Google Analytics and its Event Tracker:

https://developers.google.com/analytics/devguides/...
searchenginewatch.com/article/2287906/10-Google-An...
If you're looking for a custom-made solution, you can try the following one with PHP and JavaScript:

css-tricks.com/tracking-clicks-building-a-clickmap...
Keep in mind that using third-party solutions is better performance-wise. Writing the coordinates of the mouse movements in a database in real time, needs a lot of resources.

https://stackoverflow.com/questions/18713415/user-...

Answer 2

[Илья Белобородов]

Ммм, можно делать скрины средствами js, эти скрины сохранять на сервак, а там генерить гифки из скринов, просто предложение, такое не практиковал