CB html-to-video-pipeline

Надежный рендеринг HTML в MP4 через запись в браузере без интерфейса (Playwright/Puppeteer) + ffmpeg — порядок действий, подводные камни и шаги проверки, которые ВЫ ДОЛЖНЫ выполнить правильно, иначе результат будет молчаливо испорчен. Активируйте всякий раз, когда пользователь создает или отлаживает любой конвейер, который преобразует страницу HTML/CSS/JS (один файл, составную, управляемую GSAP или управляемую `@keyframes`) в видеофайл, включая запись без интерфейса, захват экрана веб-страницы, детерминированный покадровый захват, объединение нескольких сцен или вывод видео, смешанного движком. Также активируйте, когда симптом звучит так: мигание смены шрифтов в начальных кадрах (FOUT), первые несколько секунд видео застыли/мертвы, анимация воспроизводится во время загрузки страницы и обрезается, объединенные сегменты создают видео, продолжительность которого сильно отличается от нужной (например, 8 секунд становятся 35 секундами), HTML, загруженный по `file://`, не может получить свои под-сцены, экспортированное видео мягче/размытее по сравнению с браузером, или воспроизведение прерывается/выглядит прерывистым, несмотря на передачу высокого значения `-r` fps в ffmpeg. Используйте даже для одноразовых скриптов — здесь режимы сбоев достаточно тонкие, чтобы при их повторном введении с нуля они обычно снова возникали.

машинный переводПоказать оригиналСкрыть оригинал«Reliable HTML-to-MP4 rendering via headless browser recording (Playwri…»

Reliable HTML-to-MP4 rendering via headless browser recording (Playwright/Puppeteer) + ffmpeg — the ordering, gotchas, and verification steps you MUST get right or the output silently rots. Trigger whenever the user is building or debugging any pipeline that turns an HTML/CSS/JS page (single-file, multi-composition, GSAP-driven, or `@keyframes`-driven) into a video file, including headless recording, screen capture of a web page, deterministic frame-by-frame capture, multi-scene concatenation, or engine-mixed video output. Also trigger when the symptom sounds like: font swap flashing in the opening frames (FOUT), the first few seconds of the video are frozen/dead, animations play during page load and get truncated, concatenated segments produce a video whose duration is wildly wrong (e.g., 8s becomes 35s), `file://` loaded HTML fails to fetch its sub-scenes, the exported video is soft/blurry compared to the browser, or playback stutters/looks choppy despite passing a high `-r` fps to ffmpeg. Use even for one-off scripts — the failure modes here are subtle enough that starting from scratch usually reintroduces them.

Надежный рендеринг HTML в MP4 через запись в браузере без интерфейса (Playwright/Puppeteer) + ffmpeg — порядок действий, подводные камни и шаги проверки…

Как процесс B 65/100 · Почти готов — слабые места: результат и критерий готовности, повторный запуск, отчётность по ходу