从后置摄像头的前置摄像头切换

时间:2015-12-01 10:59:08

标签: javascript html web camera

我有一个很大的问题,我想在我的网站上输入二维码,而且效果非常好。但是在MOBILE(PHONE)它只激活前置摄像头而我只想在移动设备中使用后置摄像头,而不是前置摄像头。如果有人可以帮助我,我将不胜感激。

function success(stream) {
if(webkit)
    v.src = window.webkitURL.createObjectURL(stream);
else
if(moz)
{
    v.mozSrcObject = stream;
    v.play();
}
else
    v.src = stream;
gUM=true;
setTimeout(captureToCanvas, 500);
}

function error(error) {
gUM=false;
return;
}

function load()
{
if(isCanvasSupported() && window.File && window.FileReader)
{
    initCanvas(800, 600);
    qrcode.callback = read;
    document.getElementById("mainbody").style.display="inline";
    setwebcam();
}
else
{
    document.getElementById("mainbody").style.display="inline";
    document.getElementById("mainbody").innerHTML='<p id="mp1">QR code                      scanner for HTML5 capable browsers</p><br>'+
    '<br><p id="mp2">sorry your browser is not supported</p><br><br>'+
    '<p id="mp1">try <a href="http://www.mozilla.com/firefox"><img src="./firefox.png"/></a> or <a href="http://chrome.google.com"><img src="./chrome_logo.gif"/></a> or <a href="http://www.opera.com"><img src="./Opera-logo.png"/></a></p>';
}
}

 function setwebcam()
{
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({video: true, audio: false}, success, error);
else
if(n.webkitGetUserMedia)
{
    webkit=true;
    n.webkitGetUserMedia({video:true, audio: false}, success, error);
}
else
if(n.mozGetUserMedia)
{
    moz=true;
    n.mozGetUserMedia({video: true, audio: false}, success, error);
}

//document.getElementById("qrimg").src="qrimg2.png";
//document.getElementById("webcamimg").src="webcam.png";
document.getElementById("qrimg").style.opacity=0.2;
document.getElementById("webcamimg").style.opacity=1.0;

stype=1;
setTimeout(captureToCanvas, 500);
}

0 个答案:

没有答案