Create an MP4 video of a web page scrolling at a steady speed

37 points
1/21/1970
2 days ago
by shawnzam

Comments


dvh

This has to be intentional. I refuse to believe that someone would do this unintentionally. You are literally making video of a website, the app doesn't have any other feature, yet you don't show us the example!? What causes this? It has to be intentional, but why?

a day ago

archargelod

They've probably just asked their agent to create code and a readme. Adding example is too complicated for AI and doing it manually is extra work.

People are too lazy to do actual work now in the age of AI.

a day ago

Diti

This isn’t even an original idea either. Claude proposed to build something similar to me when I asked him how I could present my 2500+ saved Telegram links so that I can browse them more efficiently.

If the author of this repository was proud of their craft (which they can’t be), they would want to show us “how cool it looks” in an example.

a day ago

shawnzam

I added a demo

14 hours ago

Klaster_1

How does this compare to Playwwright? It got a similar feature recently [0]

[0] https://github.com/microsoft/playwright/releases/tag/v1.59.0

a day ago

[deleted]
a day ago

andrewstuart

You could do this with ffmpeg on a screenshot PNG.

ffmpeg -i screenshot.png -vf \ "crop=iw:1080:0:n*(20000-1080)/600,format=yuv420p" \ -t 10 -r 60 output.mp4

2 days ago

arecsu

Title of the post fails to describe what this fully does and you didn't seem to have read the repo. This generates a live interaction with the website, with scrolls, timings, clicks, route navigations, etc. A mixture of AI generated cues that you can use via skills + scripts to be feed with those cues that will process the video automatically via headless chromium and ffmpeg. Seems really interesting

2 days ago

burgerone

What problem does this solve?

a day ago

victorbjorklund

Seems pretty useful to be able to write your documentation videos as steps and generate new videos everytime the platform changes. Let’s say you have 200 videos showing how to do different things and now the UI changes.

You can either leave the videos as is (and get more confused customers) or you can spend a lot of hours recording 200 videos again. Or you can run this and get the 200 videos done in the background. Let’s say that your app is changing every month because you are early in your iteration. That is a lot of time saved every month.

a day ago

JimDabell

Or you want to produce demo videos in multiple languages.

a day ago

haaz

Say you have documentation with a video showing the user how to open a page, click a button, scroll, etc. Instead of having to re-record those videos every time you update the UI you can use this library to automatically recapture it on every push.

a day ago

wbobeirne

Many websites have looping or scroll-triggered animations, or play gifs / videos that a static image wouldn't capture.

a day ago

globalnode

i bet you its in aid of advertising somehow

a day ago

shawnzam

[dead]

a day ago

shawnzam

[flagged]

2 days ago