WebVideoCreator icon indicating copy to clipboard operation
WebVideoCreator copied to clipboard

🌈 A framework for rendering web animations into videos. It's implemented based on Node.js + Puppeteer + Chrome + FFmpeg, utilizing the latest browser APIs.

Results 21 WebVideoCreator issues
Sort by recently updated
recently updated
newest added

I noticed that using this Framework to create many Videos also creates many permanent chromium processes. Is there some need to close them or is this a bug?

Hi, very cool library but I'm having some issues when trying to record Canvas animations, the quality is not so good, and when setting 4k width and height, then I...

生成带音频的视频时,debug显示有一步的命令`ffmpeg -i {path}/tmp/synthesizer/video_404m4w1tedlt2d3h15.mp4 -i {path}/tmp/preprocessor/x/public/voice/swr4evwebn8.mp3 -y -filter_complex [1]atrim=start=0:end=13.062,adelay=0|0,volume=1[a0];[a0]amix=inputs=1:normalize=0 -acodec aac -vcodec copy -t 13 -movflags +faststart -f mp4 {path_output}/video-1708917063155.mp4` 执行的时候报错: `Error: ffmpeg exited with code 1: Error initializing complex filters....

https://github.com/Vinlic/WebVideoCreator/assets/84451738/298e3ecb-fe89-4b2f-a582-216500504145 **First of all - Amazing work with Plugin and Happy Lunar Year to You!** Overall, the plugin works well for all your methods except when trying to use another...

I have the video recording times out. Here is page html: ``` ``` What is the problem? Why error is not triggered? ``` video.on("error", (err) => { new Error('Create Video...

貌似被嵌入的视频长度过长会导致渲染报错。 ```shell [2024-01-10 16:45:48.677][error][Browser] Browser Browser@1 close error: Error: Resource not currently part of l at Pool.destroy (D:\ScheduledProgram\OtmInkRanking_Camellia\camellia-backend\node_modules\generic-pool\lib\Pool.js:) at ResourcePool.destoryBrowser (file:///D:/ScheduledProgram/OtmInkRanking_Camellia/camellia-backend/node_modules/we) at file:///D:/ScheduledProgram/OtmInkRanking_Camellia/camellia-backend/node_modules/web-video-creator/core/Browser.1 ```

I would love (if possible) to have a way to specify the element or region to record in WVC, either by using a CSS selector or a positional offset. This...

enhancement

测试环境是http的,而且有动态的图片,所以强行跳过安全检测是不可以的;设置context会导致请求动态资源没有refer,也会被拒绝。看了一些其他录屏库是不要求https的,请问是哪些新的api要求必须要安全上下文呢?有什么优雅办法可以录制http页面呢?

配置 const video = wvc.createSingleVideo({ // 需要渲染的页面地址 url: params?.url || "https://fs.autohome.com.cn/afu_spa/H5ToVideo?highColor=FF0000&defaultColor=fff&fontSize=30", // 或者可以直接设置页面内容 // content: "Hello WebVideoCreator", // 视频宽度 width: params?.width || 1280, // 视频高度 height: params?.height || 720, //...