html+css3动画 服务端（node.js）转成视频

Question

如：该网页模板中，修改模板中的文字图片等可生成新的清晰的视频。
https://www.gaoding.com/design/video?id=642411425&mode=user

我的技术栈是node.js
目前的解决方案有先截成一张张图片，然后合成视频，但效果不好，截出来的图片模糊，导致视频质量不好。

如有好的回答，诚意付费咨询。

Answer 1

用 puppeteer 生成视频流，然后用 ffmpeg 录制，理论上可行。

Answer 2

https://recordscreen.io 应该可以帮到你，录制指定标签页就可以了

Answer 3

楼上的方案其实是屏幕录制和摄像头录制，我之前也写过一个简单的demo。

截图的确是一个方案，图片模糊的话，可以先考虑是哪里的问题

1. 像素不够。比如1024的图片放大到1920看
2. 帧数不够跳帧了，截图时间更短一点。或者说提供一些人为控制的方式。

https://www.lilnong.top/static/html/MediaDevices-getDisplayMedia-MediaRecorder.html