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

【问题标题】：How can I open rear camera in mobile device using webcam.js?如何使用 webcam.js 在移动设备中打开后置摄像头？
【发布时间】：2017-03-17 20:23:16
【问题描述】：

我正在使用https://github.com/jhuckaby/webcamjs 的 webcam.js 在移动设备中，前置摄像头默认打开。我想将默认设置更改为后置摄像头。有什么办法可以更换摄像头设备吗？

【问题讨论】：

这个包好像不支持选择后置摄像头。
相关但不完全但这里有一个参考：webrtc.github.io/samples/src/content/devices/input-output
100% 工作解决方案。见相机开关解决方案stackoverflow.com/a/53371645/9222769 stackoverflow.com/a/53371634/9222769

标签： javascript html google-chrome webcam.js

【解决方案1】：

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

【讨论】：

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

【解决方案2】：

<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>

【讨论】：