从前置摄像头切换到后置摄像头JS

时间:2015-12-02 14:07:07

标签: javascript android ios web

我为我糟糕的英语道歉。我有一个QR扫描相机,但当我在我的网站上用手机打开时,我的网站上的脸部相机开启了。但我想使用后置摄像头

如果有人可以帮助我。我将非常感激

function setwebcam()
{

 var constraints = { audio: true, video: true };




document.getElementById("result").innerHTML="- scanning -";
if(stype==1)
{
    setTimeout(captureToCanvas, 500);    
    return;
}
var n=navigator;
document.getElementById("outdiv").innerHTML = vidhtml;
v=document.getElementById("v");

if(n.getUserMedia)
    n.getUserMedia(constraints, success, error);
else
if(n.webkitGetUserMedia)
{
    webkit=true;
    n.webkitGetUserMedia(constraints, success, error);
}
else
if(n.mozGetUserMedia)
{
    moz=true;
    n.mozGetUserMedia(constraints, success, error);
}

2 个答案:

答案 0 :(得分:1)

您可以使用MediaStreamTrack.getSources(callback)获取所有媒体资源及其ID。使用其他属性,您可以过滤以检查音频视频或按名称过滤。一旦您知道要显示的媒体来源的ID,请使用它将其附加到视频标记。

这是一个很好的例子:
https://simpl.info/getusermedia/sources/
https://github.com/samdutton/simpl/blob/master/getusermedia/sources/js/main.js

答案 1 :(得分:0)

如果您想强制设备使用前置摄像头,则可以在约束中添加FaceingMode:

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

或使用完全匹配

facingMode: { exact: 'environment' }