我需要使用HTML5扫描Web应用程序的二维码。我尝试了webqr.js(演示),它还可以,但智能手机和平板电脑默认打开前置摄像头。所以我尝试使用getusermedia.js(演示),但一切都停止了。
你能帮我解决这个问题吗?
我甚至无法通过Firebug或其他类似工具看到问题出在哪里,因为我在笔记本电脑上只有一个网络摄像头,而在智能手机上,我可以选择网络摄像头,我没有Firebug或类似工具。
您必须指定要使用的相机。下面是一个如何做到这一点的例子。您也可以使用JsQRScanner,它使用背面摄像头。
var n = navigator;
if (n.mediaDevices && n.mediaDevices.getUserMedia) {
n.mediaDevices.getUserMedia({
video : {
facingMode : "environment"
},
audio : false
}).then(success);
} else {
MediaStreamTrack.getSources(function(sourceInfos) {
var videoSource = null;
for (var i = 0; i != sourceInfos.length; ++i) {
var sourceInfo = sourceInfos[i];
if (sourceInfo.kind === 'video'
&& sourceInfo.facing === 'environment') {
videoSource = sourceInfo.id;
}
}
sourceSelected(videoSource);
});
function sourceSelected(videoSource) {
var constraints = {
audio : false,
video : {
optional : [ {
sourceId : videoSource
} ]
}
};
if (n.getUserMedia) {
n.getUserMedia(constraints, success, error);
} else if (n.webkitGetUserMedia) {
n.webkitGetUserMedia(constraints, success, error);
} else if (n.mozGetUserMedia) {
n.mozGetUserMedia(constraints, success, error);
}
}
}