javascript - GetUserMedia - 面向模式

Question

我目前正在使用 Android 平板电脑和 GetUserMedia 在我的程序中拍照。

显然，GetUserMedia 使用的默认摄像头是前置摄像头。如何将后置摄像头用作默认设置？

这是我的 GetUserMedia 代码:

        navigator.getUserMedia({
            "audio": false,
            "video": {
                mandatory: {
                    minWidth: this.params.dest_width,
                    minHeight: this.params.dest_height,
                    //facingMode: "environment",
                },
            }
        }, 
        function(stream) {
            // got access, attach stream to video
            video.src = window.URL.createObjectURL( stream ) || stream;
            Webcam.stream = stream;
            Webcam.loaded = true;
            Webcam.live = true;
            Webcam.dispatch('load');
            Webcam.dispatch('live');
            Webcam.flip();
        },
        function(err) {
            return self.dispatch('error', "Could not access webcam.");
        });

我在“强制”部分插入了 facingMode 但没有用。

请帮忙。

Answer 1

更新:facingMode 现在可通过 adapter.js 在 Android 版 Chrome 中使用。填充!

facingMode 是 not yet implemented in Chrome for Android , 但在 Firefox for Android 中原生运行。

您必须使用 standard然而限制:(使用 https fiddle 用于 Chrome):

var gum = mode => 
  navigator.mediaDevices.getUserMedia({video: {facingMode: {exact: mode}}})
  .then(stream => (video.srcObject = stream))
  .catch(e => log(e));

var stop = () => video.srcObject && video.srcObject.getTracks().forEach(t => t.stop());

var log = msg => div.innerHTML += msg + "<br>";

<button onclick="stop();gum('user')">Front</button>
<button onclick="stop();gum('environment')">Back</button>
<div id="div"></div><br>
<video id="video" height="320" autoplay></video>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

{ exact: }语法意味着约束是必需的，如果用户没有合适的相机，事情就会失败。如果您将其省略，则该约束是可选的，这在 Firefox for Android 中意味着它只会更改权限提示中相机选择器中的默认值。