如何使用WEB USB API从浏览器中的相机获取图片

问题描述

我正在尝试将USB网络摄像头连接到chrome浏览器。我能够在chrome上连接设备,也能够获取名称和配置,但是如何从网络摄像头获取图像

我正在使用以下代码访问USB设备,但是如何进一步进行?欢迎任何链接或建议。谢谢

button.addEventListener('click',async () => {
  navigator.usb.requestDevice({ filters: [{ vendorId: 6403}] })
            .then(device => {
    
                console.log(device);
                const constraints = {
                    video: true,};
    
                device.getUserMedia(constraints) // this is not working it works only for webcams
                    .then((stream) => {
                      player.srcObject = stream;
                    })
            .catch(error => { console.log(error); });
    
            })
    
    
    
    
    
    });

我通过isochronousTransferIn()知道了,我们可以流式传输视频和音频,但仍然无法正常工作

button.addEventListener('click',async () => {
        navigator.usb.requestDevice({ filters: [{ vendorId: 6403 }] })
            .then(selectedDevice => {
                device = selectedDevice;
                return device.open(); // Begin a session.
            })
            .then(() => device.isochronousTransferIn(1,64)) // Select configuration #1 for the device.
            .then((result) => console.log(result)) // Select configuration #1 for the device.
            .catch(error => { console.log(error); });




    });

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)