自从我第一次尝试使用我搜索过的jQuery WebCam...
(例如18小时),尝试所有可能的示例以来,就一直出现此错误,只要我调用capture
的webcam
方法,NONE都可以工作。
请注意::这听起来可能是重复的,但是,我在stackOverflow中花费了数小时,所有示例均未获得良好的结果。该代码使用的最接近的事实。 jquery webcam plugin TypeError: webcam.capture is not a function thrown occasionally
和jquery webcam plugin TypeError: webcam.capture is not a function thrown occasionally
和Jquery Webcam on webpage help needed和jQuery webcam plugin - saving image和Display pic in web page captured from webcam和许多.....
我尝试了正确答案的建议,但仍然没有任何进展。
<html>
<head>
<script type="text/javascript" src="jQ.js"></script>
<script type="text/javascript" src="cam/jquery.webcam.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("#camera").webcam({
width: 315,
height: 240,
useMicrophone: false,
mode: "callback",
swffile: "cam/jscam_canvas_only.swf",
onLoad: function() {
var cams = webcam.getCameraList();
for(var i in cams) {
jQuery("#cams").append("<li>" + cams[i] + "</li>");
}
},
debug: function (type, string) {
$("#status").html(type + ": " + string);
},
onCapture: function () {
jQuery("#flash").css("display", "block");
jQuery("#flash").fadeOut("fast", function () {
jQuery("#flash").css("opacity", 1);
webcam.capture();
alert($.webcam.getFrameAsBase64());
});
},
onSave: function(data) {
var col = data.split(";");
var img = image;
for(var i = 0; i < 320; i++) {
var tmp = parseInt(col[i]);
img.data[pos + 0] = (tmp >> 16) & 0xff;
img.data[pos + 1] = (tmp >> 8) & 0xff;
img.data[pos + 2] = tmp & 0xff;
img.data[pos + 3] = 0xff;
pos+= 4;
}
if (pos >= 4 * 320 * 240) {
ctx.putImageData(img, 0, 0);
pos = 0;
}
}
}); });
</script>
<label id="status"></label>
<div id="camera"></div>
<div><p><canvas id="canvas" height="240" width="320"></canvas></p></div>
<a href="javascript:webcam.capture();changeFilter();void(0);">Take a picture instantly</a>
</body>
</html>
有谁知道它无法正常工作的任何可能原因,或者我在做什么错,请给我关于这方面的知识。谢谢
最佳答案
您以错误的顺序加载脚本!首先,您加载库,然后加载包含其代码以打开相机的脚本!
在下面得到订单
<script type="text/javascript" src="cam/jquery.webcam.js"></script>
<script type="text/javascript" src="jQ.js"></script>