收藏
回答

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
回答关注问题邀请回答
收藏

7 个回答

  • 大叉😤
    大叉😤
    2023-01-10

    两年了,有进展吗

    2023-01-10
    有用 1
    回复
  • 专注的星星
    专注的星星
    2022-06-19

    一年了有进展了吗

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

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

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

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

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

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

    2021-08-24
    有用
    回复
  • Riven.
    Riven.
    2021-01-30

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

    2021-01-30
    有用
    回复 4
    • 夏天的雨
      夏天的雨
      2021-02-05
      核实了吗?怎么样了
      2021-02-05
      回复
    • Riven.
      Riven.
      2021-02-07回复夏天的雨
      有进展会同步
      2021-02-07
      回复
    • 夏天的雨
      夏天的雨
      2021-03-02回复Riven.
      官方有进展了吗?问题确认了吗?
      2021-03-02
      回复
    • 夏天的雨
      夏天的雨
      2021-04-16
      这个问题 官方确认了没有,是否有解决方案,给个回复啊。三个月了。
      2021-04-16
      回复
  • 夏天的雨
    夏天的雨
    2021-01-30

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

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