웹캠 여러대 한페이지에 뛰울 수 있을까요?

2024.03.15 02:56:14 2141 (175.♡.♡.93)

본문

웹캠(USB) 여러대를 하나의 컴퓨터에 꽃은다음에 하나의 브라우저에서 여러대 동시에 뛰우고 싶은데
가능 할까요?

try {
const stream1 = await navigator.mediaDevices.getUserMedia(constraints);
document.getElementById('webcam1').srcObject = stream1;

const stream2 = await navigator.mediaDevices.getUserMedia(constraints);
document.getElementById('webcam2').srcObject = stream2;
} catch (error) {
console.error('Error accessing webcams:', error);
}
}

startWebcams();
</script>

했는데 두대중 하나의 캠만 잡아 두 화면에 뿌려주네요~

js로 안되면 php로도 괞찬구요

감사 합니다~

#javascript

답변 1

제이앤 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2024-03-15 08:06:51 122.♡.♡.120

안녕하세요.

아래의 코드를 참고해 보시겠어요?

async function startWebcams() {
try {
// 연결된 미디어 장치 목록을 가져옵니다.
const devices = await navigator.mediaDevices.enumerateDevices();
// 비디오 장치만 필터링합니다.
const videoDevices = devices.filter(device => device.kind === 'videoinput');

if (videoDevices.length >= 2) {
// 첫 번째 웹캠 시작
const stream1 = await navigator.mediaDevices.getUserMedia({
video: { deviceId: { exact: videoDevices[0].deviceId } }
});
document.getElementById('webcam1').srcObject = stream1;

// 두 번째 웹캠 시작
const stream2 = await navigator.mediaDevices.getUserMedia({
video: { deviceId: { exact: videoDevices[1].deviceId } }
});
document.getElementById('webcam2').srcObject = stream2;
} else {
console.error('Not enough video devices found.');
}
} catch (error) {
console.error('Error accessing webcams:', error);
}
}

startWebcams();