收藏
回答

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

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

机型:小米10

问题描述:

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

流畅的动画:



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

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

录制的视频效果:


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

6 个回答

  • 社区技术运营专员-Riven
    社区技术运营专员-Riven
    2021-01-30

    你好,反馈已收到,我们核实下,有进展会同步。

    2021-01-30
    有用
    回复 4
  • 专注的星星
    专注的星星
    06-19

    一年了有进展了吗

    06-19
    有用
    回复 1
    • 传瑜
      传瑜
      06-21
      同问,一年了有进展了吗
      06-21
      回复
  • 司命
    司命
    02-21

    请问您这个可以录制用户操作吗

    02-21
    有用
    回复
  • 胡萝卜糊了
    胡萝卜糊了
    2021-12-29

    请问 这个可以实现录制上声音吗?

    2021-12-29
    有用
    回复 1
    • 夏天的雨
      夏天的雨
      03-18
      声音无法录制
      03-18
      回复
  • 你的微笑好美
    你的微笑好美
    2021-08-24

    我打开你的demo直接录制的都黑屏呢

    2021-08-24
    有用
    回复
  • 夏天的雨
    夏天的雨
    2021-01-30

    我测试安卓和ios都这个效果,都卡顿。

    2021-01-30
    有用
    回复
登录 后发表内容
问题标签