Create an MP4 video of a web page scrolling at a steady speed
The article describes a tool that generates MP4 videos of web pages scrolling at a steady pace using headless Chrome and ffmpeg. It integrates with Codex, allowing users to create and edit scrolling videos through plain English instructions. The tool supports customizable actions such as clicks, pauses, scrolling, and cursor visibility via cue sheets.
- ▪The tool captures screenshots at fixed scroll offsets in headless Chrome and encodes them into an MP4 using ffmpeg.
- ▪Users can control video creation through plain English commands or detailed cue sheets with actions like scroll, click, type, and highlight.
- ▪The default output is 1080p at 30 or 60 fps, with support for cursor display, pauses, and dynamic interactions on web pages.
- ▪Dependencies include Node.js 22+, Chrome/Chromium/Edge, and ffmpeg, which Codex can help install.
- ▪Cue sheets allow precise control over video sequences and are stored alongside outputs for easy revisions.
Opening excerpt (first ~120 words) tap to expand
Web Scroller Tool Create an MP4 video of a web page scrolling at a steady speed. The tool opens the URL in headless Chrome, captures viewport screenshots at fixed scroll offsets, and streams those frames into ffmpeg. The default output is 1080p: 1920x1080, 30 fps, H.264 MP4. Getting Started With Codex Open Codex and ask it to install the skill: Install the web scroll video skill from https://github.com/upenn/web-scroll-video Restart Codex after the install finishes. Then ask Codex to check your computer: Check the web scroll video dependencies and install anything missing. Then describe the video you want in plain English: Make a 60 fps 1080p video of https://zamechek.com.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at Hacker News: Front Page.
Discussion
0 commentsMore from Hacker News: Front Page
