yodaisgaming/product-video-workflow

This project is a scripted pipeline for turning a real, working web app into a polished demo video suitable for a landing page, without hiring a video editor or manually recording your screen. Instead of faking an animation, it actually opens your live app in a browser, drives real clicks and interactions on it, and records that as the raw footage, then processes it afterward to look studio made. The process runs in a few separate steps. First, it logs into your app and performs a scripted set of interactions using a browser automation tool, while adding a smooth fake cursor and a click ripple effect, since a computer controlled browser normally shows no pointer at all. During this recording, it also automatically blurs out or replaces any text on screen that you do not want shown publicly, such as real names or identifiers, though it only works on text and cannot hide things like logos or faces baked into images. Next, a separate step adds a smooth camera zoom that eases toward each click as it happens, based on a log of exactly where and when clicks occurred, rather than trying to zoom inside the browser itself, which the author explains is unreliable across different web apps. After that, another step frames the video with a soft dark background, rounded corners, and a subtle shadow, and a final step layers in a soft click sound at each real interaction. The result is a short ten to fifteen second video file sized for looping, muted autoplay on a landing page. Every part of it is meant to work with any web app, since none of the actual app logic lives in the code. Setup requires Python, installing a headless browser through the automation tool, and having ffmpeg available on your system, along with pointing the scripts at your app's web address and, optionally, login details. This is a tool aimed at developers or founders who want a polished demo clip of their own product, and it is released under the MIT license.