收藏
回答

createMediaRecorder 录制时出现卡顿,录制好的视频也卡顿,动画不流畅?

代码:https://developers.weixin.qq.com/s/tAtV6ImD77nE

机型:小米10

问题描述:

webGL中有一个立方体选中的动画,在未录制之前动画流畅的转动,使用的是 canvas.requestAnimationFrame渲染动画;

流畅的动画:



当我开启录制后,MediaRecorder.start(),此时画布中的动画会出现卡顿,特别不流畅,肉眼可见,并且导出后的视频也是不流畅的。视频录制使用mediaRecorder.requestFrame()渲染每一帧。

我怀疑是 canvas.requestAnimationFrame 与 mediaRecorder.requestFrame 冲突导致,mediaRecorder.requestFrame明显比较慢。

录制的视频效果:


最后一次编辑于  01-29
回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容
问题标签