search

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

在页面中有 CSS Animation + video 播放的情况下，录制出的视频会掉帧。 #8

Closed jiangyijie27 closed 7 months ago

jiangyijie27 commented 7 months ago

实际情况 10s（拿录屏软件录的）：

https://github.com/Vinlic/WebVideoCreator/assets/7429808/a942977c-78b7-4bb5-883e-7a112dc0fe13

wvc 录的 10s（忽略黑边）：

https://github.com/Vinlic/WebVideoCreator/assets/7429808/02690d2c-77eb-44cd-acc9-fcead0107582

同样都是 10s，可以看到在 4s 开始有 CSS Animation 之后，整个 video 开始掉帧，录完 10s 后，视频还没有播放完。

其实我是从 puppeteer-screen-recorder 这个库来的，也存在相同的问题，不过它更严重。

辛苦了。

Vinlic commented 7 months ago

@jiangyijie27 能否提供该页面的源码内容，我需要复现它，我感觉video元素可能并没有被转换为捕获的video，只有捕获的video才会被接管调度

Vinlic commented 7 months ago

此issue打开太久，我将关闭它，如果您还有其它疑问可以再打开它。😄