用createMediaRecorder 录制webGL上的动画时，webGL会出现卡顿现象并且录制出来的视频也很卡顿。

当不开启的时候，webGL 的动画就很流畅；

为啥?

let MediaRecorder = wx.createMediaRecorder(node)
  
function loop() {
  console.log('loop recorder');
  MediaRecorder.requestFrame(loop) // 录制下一帧
}

MediaRecorder.on('start', () => {
  console.log('开始录制')
  wx.showToast({
    title: '开始录制',
  })
  loop();
})
MediaRecorder.on('stop', ({tempFilePath, duration, fileSize}) => {
  console.log('结束录制', tempFilePath, duration, fileSize)
  wx.showToast({
    title: '结束录制',
  })
  this.listener.stop();
  wx.navigateTo({
    url: '/pages/videoplay/play?videoPath='+tempFilePath,
  })
})

MediaRecorder.start();

setTimeout(() => {
  MediaRecorder.stop();
}, 20 * 1000)