지원하지 않는 웹앱에서 웹캠 비디오 소스를 변경하는 방법

업데이트 됨 1 주일 이상 전에

으로

WebRTC를 사용하면 사용자가 브라우저에서 오디오 및 비디오 소스 를 쉽게 선택할 수 있습니다 . 그러나 모든 웹 기반 비디오 앱이 웹캠 비디오 소스 변경을위한 컨트롤을 구현하는 것은 아닙니다.

일부 브라우저에서는 이것이 문제가되지 않습니다. 예를 들어 Firefox와 Edge는 모두 사용자가 사이트별로 비디오 소스를 선택할 수 있도록합니다. 그러나 Google 크롬에서는 사용자가 특수 chrome://settings/content/camera URL을 사용하여 기본 웹캠을 선택할 수 있지만이 기본 카메라 선택은 WebRTC에서 사용되지 않습니다. 많은 사용자가 Google 크롬 포럼에서 이에 대해 불평 했지만 해결책은 없습니다.

따라서 사용자가 비디오 소스 선택을 구현하지 않는 앱 (예 : vMix)을 사용하고 사이트 기반 비디오 소스 선택을 허용하지 않는 브라우저 (예 : Chrome)를 사용하는 경우 문제가 발생합니다. 사용자가 비디오 카메라를 선택할 수없는 비디오 앱은 결국 임의의 선택을하게되어 사용자가 원하는 카메라를 사용하지 못할 수 있습니다.

다행히 Chrome에서 웹 기반 동영상 앱이 특정 카메라를 선택하도록 강제하는 데 사용할 수있는 빠른 해킹이 있습니다.

vMix의 vmixcall.com 서비스에 대해 수행하는 방법은 다음과 같습니다.

Chrome을로드하고 영상 채팅 세션을 시작합니다.
Chrome에서 ⌥ Option + ⌘ Cmd + i 단축키를 사용하거나 More Tools → Developer Tools 메뉴를 사용하여 ' Developer Tools 엽니 다.
다음 코드를 기본 "콘솔"탭에 붙여넣고 Enter 키를 누르십시오.

function gotDevices(deviceInfos) {
  // Look for the Reincubate Camo video input device.
  var deviceId;
  for (deviceInfo of deviceInfos) {
    if (deviceInfo.kind === 'videoinput' && deviceInfo.label === 'Reincubate Camo') {
      deviceId = deviceInfo.deviceId
      break;
    }
  }
  if (deviceId) {
    const constraints = {
      audio: true,
      video: { deviceId: { exact: deviceId } }
    };
    navigator.mediaDevices.getUserMedia(constraints).then(gotStream);
  } else {
    console.error('Unable to find Reincubate Camo video input device.');
  }
}
function gotStream (stream) {
  // Tell the vMix Call session to switch to a different stream.
  try {
    session.gotLocalStream(stream);
  } catch {
    console.error('Unable to trigger vMix Call session stream update.');
  }
}
// Ask the browser for a list of media devices.
navigator.mediaDevices.enumerateDevices().then(gotDevices)