2017-04-04 3 views
1

저는 우리 조직의 내부 웹 응용 프로그램을 개발 중입니다. 이 앱은 주로 데스크톱/노트북 컴퓨터에서 주로 사용됩니다 (배타적이지는 않지만).mediaDevices.getUserMedia를 사용하여 랩톱의 전면 카메라에 액세스합니다.

사용자가 자신의 이미지를 스냅 할 수있는 기능을 제공해야합니다. 나는 example posted by David Walsh here을 따라 갔다.

사용자가 컴퓨터에 하나의 카메라 만 있으면 제대로 작동합니다. 그러나 앞면 및 뒷면 카메라 (Surface Pro 4와 같은)가있는 기계에서는이 코드의 기본값이 후면을 향한 카메라입니다. 다음과 같이 코드를 조정 해 보았습니다.

navigator.mediaDevices.getUserMedia({video: {facingMode: "user"}, audio: false}).then(...) 

그러나 이것은 아무런 차이가 없습니다. 나는 그것이 주로 모바일 장치를위한 것이라고 추측하고 있습니다.

카메라를 사용할 수 있거나 전면 및 후면 카메라가있는 랩톱 장치에서 카메라를 전환 할 수있는 경우 카메라를 전면으로 밀 수있는 방법이 있습니까?

+0

Firefox에서 작동합니다. 크롬에서는 adapter.js polyfill이 여전히 필요합니다. [I think] (http://stackoverflow.com/a/32364912/918910). 사실, Polyfill이 작동하지 않는다는 사실을 깨닫고 있습니다. Surface Pro가 카메라를 기본값으로 설정하면 놀라게 될 것입니다. 나는 그것을 고치려고 노력할 것이다. – jib

+0

[Firefox] (https://www.mozilla.org/en-US/firefox/products/)에서 호의를 베풀어 볼 수 있습니까? (Surface Pro를 가지고 있지 않습니다.) – jib

+0

Firefox에서 작동 했으므로 polyfill은 필요 없습니다. 내 카메라 사용 권한을 요청할 때 Firefox는 사용할 카메라를 선택할 수있는 드롭 다운을 제공합니다. (여전히 Edge와 Chrome에서이 기능을 사용하는 방법을 알아내는 것이 좋을까요?) – RHarris

답변

1

facingMode 제약 조건은 사양에 따라 올바른 대답이며 Firefox에서 작동합니다. Chrome은 아직 구현하지 않았습니다. 그러나 adapter.js polyfill을 사용하여 가져올 수 있습니다.

시도해주세요. here