0

I have tons of website to scroll it's index page from top to bottom.

And save the "Animated Content" or "Dynamic js/css effect" among the scrolling process as a video.

I know the tool phatomJS can capture a screenshot.

Is there any tool can simulate scroll and get save the whole process into video?

user3675188
  • 7,271
  • 11
  • 40
  • 76

1 Answers1

0

I assume the page has no dynamic content loading after first scroll.

  • You can take a single screenshot with PhantomJS. Then, in the programming language of your choice segment the screenshot (with overlapping) moving a few pixels down (or up) and save as a frame image.

OR

  • Take a bunch of screenshots that would make up your video. You can do this by setting page.clipRect before taking the screenshot with page.render.

You end up with a lot of images that you need to fuse into a video. Consult google for a tool that can take a bunch of images and convert them to video.

If you have something like an infinite scroll page, you still need to load the complete page before you start taking screenshots. This is usually done in the following way: How to scroll down with Phantomjs to load dynamic content

Community
  • 1
  • 1
Artjom B.
  • 61,146
  • 24
  • 125
  • 222
  • No, it has dynamic effect let why I need a video not a snapshot – user3675188 Sep 22 '14 at 09:20
  • Then you need to load the complete page first. PhantomJS cannot create a video on its own. You need to create the necessary screenshots yourself and use them to create a video. – Artjom B. Sep 22 '14 at 09:30