Vinlic / WebVideoCreator

🌈 A framework for rendering web animations into videos. It's implemented based on Node.js + Puppeteer + Chrome + FFmpeg, utilizing the latest browser APIs.
Apache License 2.0
94 stars 26 forks source link

DOM-specific or region recording #6

Open 0zl opened 7 months ago

0zl commented 7 months ago

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 would allow to create videos that capture only the relevant part of the web page.

Current workaround

My current workaround to achieve this is to use ffmpeg to crop the final video generated by WVC to the exact element or region that I need. However, this sometimes results in poor quality because of the cropped video or much slower because its need to process 2 times of ffmpeg processing.

Also, thanks for creating WVC! :3

Vinlic commented 7 months ago

@0zl Oh, this is a good idea! and I will evaluate its feasibility.

Darcksody commented 7 months ago

OMG bro you are amazing! Thanks for this powerfull tool @Vinlic

Vinlic commented 7 months ago

@Darcksody Thank you for your support. If you have any good ideas, please feel free to share them anytime! :D