如何使用webcam.js在移动设备上打开后置摄像头？

Question

我正在使用webcam.js，但在移动设备上，默认情况下是打开前置摄像头。我想将默认设置更改为后置摄像头。是否有方法可以更改摄像头设备？

- Shubham

---

似乎该软件包没有支持选择后置摄像头的功能。 - Sgnl

相关但不完全相同，以下是参考链接：https://webrtc.github.io/samples/src/content/devices/input-output/ - Sgnl

100%的工作解决方案。请查看相机切换解决方案 https://stackoverflow.com/a/53371645/9222769 https://dev59.com/t5zha4cB1Zd3GeqPM_Rd#53371634 - Kaushal Sachan

Answer 1

<script src="/js/webcamjs/webcam.js"></script>

<div id="my_camera" style="width:320px; height:240px;"></div>
<div id="my_result"></div>

<script language="JavaScript">
    Webcam.set('constraints',{
        facingMode: "environment"
    });
    Webcam.attach( '#my_camera' );

    function take_snapshot() {
        Webcam.snap( function(data_uri) {
            document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>';
        } );
    }
</script>

<a href="javascript:void(take_snapshot())">Take Snapshot</a>

- 1nstinct

Answer 2

 var constraints = {
    video: true,
    facingMode: "environment"
};

- Shneor

---

在Chrome上，我必须将facingMode值作为视频值的一部分给出... video: { facingMode: "environment" } - Daz

Answer 3

在我的情况下，为了使其工作，我必须像这样声明相机设置：

Webcam.set({
 width: 250,
 height: 200,
 image_format: 'jpeg',
 jpeg_quality: 90,
 // I add this object constraints
 constraints: {
   facingMode: 'environment'
 }
});

- Ale DC