react-webcam을 사용하여 애플리케이션의 셀카를 캡처했습니다. localhost에서 react-webcam은 완벽하게 작동하지만 HTTP에서는 호스팅 된 웹 서버 카메라 액세스가 Chrome에서 기본적으로 거부됩니다. 웹캠 액세스 또는 여기에 목적을 달성 할 수있는 다른 npm 플러그인에 대한 해결 방법이 있습니까?Chrome에서 HTTP 호스트 사이트에서 카메라 및 마이크에 액세스하도록 허용하지 않습니다.
참고 : HTTPS 지원 사이트는 카메라 & 마이크에 모두 액세스 할 수 있습니다. 여기에서는 HTTP 선택 만 남았습니다.
반응-웹캠은 getUserMedia API를 사용하는 specification 상태 : 안전하지 않은 출처 [혼합 내용]에, 사용자 에이전트가 navigator.mediaDevices.getUserMedia의 사용, 네비게이터에 대해 경고하는 것이 좋습니다
. getUserMedia 및 개발자 도구, 오류 로그 등의 접두사가있는 변형이 포함되어 있습니다. 사용자 에이전트가 안전하지 않은 출처 인 일 때이 모든 API를 완전히 제거 할 수있는 한 명시 적으로 허용됩니다 (예 : 안전하지 않은 기원에 접두사가 붙은 버전 만 남겨서는 안된다.)
크롬 버전에서 47 개 구현이 보안 정책 (Source) 시작 :
크롬 47 시작을,에서 getUserMedia() 요청은 보안 기원에서 사용할 수 있습니다 : HTTPS 또는 로컬 호스트.
보안 연결 없이는 마이크 또는 카메라에 액세스 할 수 없습니다.