Microlink Screencast

[Kikobeats]

After launched Microlink for screenshotting, what about to leverage the capabilities there for creating live thumbnails for any website?

Things to Think

• ship inside screenshot or into a separate API parameter?
• is it the duration a fixed or variable value?
• is it the animation configurable? element to start, clicks, scroll, etc.

Originally suggested by @vvo 👏

Related

• https://github.com/muralikg/puppetcam
• https://github.com/tungs/timesnap
• https://github.com/anishkny/webgif
• https://github.com/browserless/chrome/blob/18c1d8c6b0cea25d90b8acff1128a0cf8a8d9a86/src/apis/screencast.ts

Proof of Concepts

• https://gist.github.com/muralikg/23cfed0b099b3df812bb2b27ba1be6a4
• https://www.npmjs.com/package/puppeteer-recorder

Others

• https://github.com/transitive-bullshit/puppeteer-lottie
• https://github.com/GoogleChrome/puppeteer/issues/478

[vvo]

For screenshot both static and animated we could be able to provide:

• scroll start (x, y)
• scroll end (only for animated)
• ..or also via elements:
• start element selector: #hero (for both)
• end element selector: .footer (only for animated)

wdyt?

[Kikobeats]

I like setup start/end selector since it's more intuitive than use coordinates.

After that, just need to setup a transition; CSS transition there could be a friendly approach!

https://www.w3schools.com/css/css3_transitions.asp

[Kikobeats]

next steps at https://github.com/microlinkhq/browserless/issues/415