网页端UVC相机测试_艾孜尔江撰_web uvc

作者：Gausst松鼠会 | 2024-03-20 18:42:32

踩

web uvc

multiCam.html:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<video id="video" width="400" height="400" style="background-color: coral;"></video>
<video id="video1" width="400" height="400" style="background-color: chartreuse;"></video>

<p>
    <canvas id="canvas1" width="400" height="400" style="background-color: blueviolet;"></canvas>
    <canvas id="canvas1" width="400" height="400" style="background-color: brown;"></canvas>
</p>

<body>
    <script src="./multiCam.js"></script>
</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

multiCam.js:

// 获取页面视频元素
var video = document.getElementById('video');
var video1 = document.getElementById('video1');



navigator.mediaDevices.enumerateDevices().then(getMyDevices).catch(handleError);




// 遍历所有的设备，包括视频和音频设备，找出 RGB相机设备。 
function getMyDevices(deviceInfos) {
   
    let constraints = new Array(1
2
3
4
5
6
7
8
9
10
11
12
13
14

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/275781