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

机型：小米10

问题描述：

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

流畅的动画：

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

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

录制的视频效果：