求解答, 前端浏览器打开视频采集卡图像,有一半是绿屏.

前端页面通过WEB API 接入usb视频采集卡图像, 但是显示的图像有一半是绿屏, 但是用系统相机打开是没问题的,用obs软件打开也是没问题的.控制台也没有任何报错.不知道各位是否有遇到过此类问题.
显示内容如下图:

img

html代码如下

<video id="video" ref="video"/>

js代码如下:

                var constraints = {
                      audio: false,
                    video: {
                        deviceId: '93791557a014e2c2f2014708207781905501813f51435087f67d1f8b00d68212',//deviceId
                        width: 640,
                        height: 440

                    }
                };
                navigator.mediaDevices.getUserMedia(constraints).then(function(mediaStream) {
                    var video = document.querySelector('video');
                    video.srcObject = mediaStream;
                    if ("srcObject" in video) {
                        video.srcObject = mediaStream;
                    } else {
                        // 避免在新的浏览器中使用它，因为它正在被弃用。
                        video.src = window.URL.createObjectURL(mediaStream);
                    }
                    video.onloadedmetadata = function(e) {
                        video.play();
                    };
                
                }).catch(function(err) {
                
                    console.log(err.name + ": " + err.message);
                });

你的浏览器是不是开硬件加速了，看一下，如果有关掉它

打开 internet选项，选择高级界面，找到加速的图形，一般默认是不勾选，勾选，选择确定。
然后关闭浏览器，重新打开即可。

https://blog.csdn.net/weixin_30695909/article/details/117758357?spm=1005.2026.3001.5635&utm_medium=distribute.pc_relevant_ask_down.none-task-blog-2~default~OPENSEARCH~Rate-12.pc_feed_download_top3ask&depth_1-utm_source=distribute.pc_relevant_ask_down.none-task-blog-2~default~OPENSEARCH~Rate-12.pc_feed_download_top3ask

是不是窗口大小的设置问题啊

前端渲染有问题啊