webgl 纹理的屏幕截图格式不正确

问题描述 投票:0回答:0

我有一个问题,我刚刚在 chrome 中发现并且曾经工作过。从屏幕截图 MediaStream 将视频纹理上传到 webgl 失败并显示一条对角绿线并且图片是对角线。

如果我选择共享浏览器选项卡,它的图片和格式是正确的。

我不确定是缓冲区数组设置有问题还是其他什么问题。可以使用网络摄像头 MediaStream 输入。我有一个功能可以在前景中覆盖网络摄像头,并将屏幕截图作为背景纹理,但现在它坏了。

jsfiddle 在这里

https://jsfiddle.net/danrossi303/txpqrsgv/2/

贴图上传格式为

gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, screenVideo);

webgl get-display-media
© www.soinside.com 2019 - 2024. All rights reserved.