公告列表
公告列表
收藏
回答

MediaRecorder API 录制下来的视频上下颠倒而且颜色也不对？

https://developers.weixin.qq.com/miniprogram/dev/api/media/media-recorder/MediaRecorder.html

通过官方的webgl canvas绘制视频或者图片代码 https://developers.weixin.qq.com/s/ElC24AmF729W，然后通过mediaRecorder API录制绘制在 webgl canvas的图像，

结果视频和webgl canvas显示的不对应，录下来的视频上下颠倒，而且某些颜色不对, 但几乎相同的代码在微信H5和其他浏览器都是没问题的。

请问官方是否有mediaRecorder录制 webgl 的相关代码？

最后一次编辑于  2020-06-02
回答关注问题邀请回答
收藏

10 个回答

  • Shrekwang
    Shrekwang
    2020-08-03

    请问这个颠倒问题解决了吗？我这边测试安卓下mediaRecorder录制都是颠倒的

    2020-08-03
    有用 1
    回复 5
    • Levis Li
      Levis Li
      2020-08-05
      gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true)
      2020-08-05
      赞 1
      回复
    • Shrekwang
      Shrekwang
      2020-08-09回复Levis Li
      看了下，这个之前我设置过，似乎安卓下还是有问题。明天我再测试看看，多谢提醒
      2020-08-09
      赞
      回复
    • momo
      momo
      2020-10-22回复Shrekwang
      你好，你的解决了么？
      2020-10-22
      赞
      回复
    • 夏天的雨
      夏天的雨
      2021-01-27
      录制画布里的动画卡顿吗？我的怎么一卡一卡的
      2021-01-27
      赞
      回复
    • 夏天的雨
      夏天的雨
      2021-01-27
      颠倒和颜色的问题 有可能是webGL中的光照和着色器顶点序列的问题。
      2021-01-27
      赞
      回复
  • 。
    。
    2020-06-01

    同求demo，现在也是有录制视频的需求

    2020-06-01
    有用 1
    回复 7
    • Levis Li
      Levis Li
      2020-06-02
      参考webgl代码链接已经在问题描述更新了。你只需要在mediaRecorder的requestFrame方法去render就可以录制了。
      2020-06-02
      赞
      回复
    • 。
      。
      2020-06-02回复Levis Li
      感谢
      2020-06-02
      赞
      回复
    • 。
      。
      2020-06-04回复Levis Li
      我现在也遇到了跟你一样的问题，只不过我的是视频长度和宽度对换了，导致显示的长宽比十分奇怪
      2020-06-04
      赞
      回复
    • Levis Li
      Levis Li
      2020-06-04回复。
      哎， 太难了，你是不是再创建一个issue，把完整复现代码弄上去?我这个已经沉底了。
      2020-06-04
      赞
      回复
    • 腾讯微剪
      腾讯微剪
      2020-11-26
      录制视频可以考虑使用下【微剪】插件哦，小程序首款视频剪辑工具，也可以搜索【微剪插件演示】体验一下。
      2020-11-26
      赞
      回复
    查看更多(2)
  • 故事虽短皆是遗憾
    故事虽短皆是遗憾
    2020-06-01

    你好开发者 能有把这个dome给我看看嘛 wx.createMediaRecorder的坑太大了 参考下你的代码 球球号 522831288


    2020-06-01
    有用 1
    回复 1
    • Levis Li
      Levis Li
      2020-06-02
      参考webgl代码链接已经在问题描述更新了。你只需要在mediaRecorder的requestFrame方法去render就可以录制了。
      2020-06-02
      赞
      回复
  • Levis Li
    Levis Li
    2020-05-25

    能否先说明下为啥颜色录下来就变了啊，录制的不是看到的录下来就没有意思了。

    录制API啥参数也没有，程序员无法控制。

    2020-05-25
    有用 1
    回复
  • 胡萝卜糊了
    胡萝卜糊了
    2021-12-29

    我再预览和真机上调试报错 ：recorder 获取不到 start和end function 请问什么问题？

    2021-12-29
    有用
    回复
  • Tian&tang
    Tian&tang
    2021-08-12

    楼主 图片怎么绘制到 webgl canvas 上去

    2021-08-12
    有用
    回复
  • Smlie
    Smlie
    2021-01-07

    您好楼主，能给我看看demo嘛，我也有长视频录制的需求。。。

    怎么向后台传递视频

    2021-01-07
    有用
    回复 1
    • Levis Li
      Levis Li
      2021-01-12
      直接录好了压缩格式MP4，你不需要向后台传送原始视频
      2021-01-12
      赞
      回复
  • 专注的星星
    专注的星星
    2020-12-04

    楼主解决了吗？我也遇到问题了

    2020-12-04
    有用
    回复
  • 腾讯微剪
    腾讯微剪
    2020-11-26

    有视频录制、剪辑相关需求的小伙伴，可以尝试下【微剪】插件哦，小程序首款视频剪辑工具，接入方便。也可以搜索【微剪插件演示】小程序体验一下。

    2020-11-26
    有用
    回复 3
    • 专注的星星
      专注的星星
      2020-12-04
      插件也能录制canvas东西吗
      2020-12-04
      赞
      回复
    • 腾讯微剪
      腾讯微剪
      2020-12-07回复专注的星星
      插件接受的图片和视频资源也是tempFilePath哈
      2020-12-07
      赞
      回复
    • 陆二宝🍼
      陆二宝🍼
      2021-11-02
      注意：目前暂时只支持iOS设备 是认真的吗？
      2021-11-02
      赞
      回复
  • momo
    momo
    2020-10-22

    楼主这个解决了么？我也遇到这个问题了

    2020-10-22
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
视频