html5 多个摄像头吗,html5多摄像头播放和截图

Document

打开摄像头

播放摄像头

截取并上传

navigator.getUserMedia =

navigator.getUserMedia ||

navigator.webkitGetUserMedia ||

(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) ||

navigator.mozGetUserMedia ||

navigator.msGetUserMedia; // 获取媒体对象(这里指摄像头)

let currentStream = null,

cameraList = [],

videoElement = document.getElementById("video"),

videoElement2 = document.getElementById("video2");

// 1. 获取摄像头列表

function getCameraList() {

navigator.mediaDevices.enumerateDevices().then((mediaDevices) => {

cameraList = mediaDevices;

console.log(JSON.stringify(mediaDevices));

});

}

/*** 格式如下

[

{

"deviceId": "4d9f6ffec7e62d5d7cf94d8943ff2b7b77de8b531822e7f514416f004079a