Jquery Webcam拍照问题

0000Joker0000 2016-11-20 09:11:35

调用webcam的capture()函数，然后报TypeError: webcam.capture is not a function(…)，完全不明白为啥，以下是代码（官方Demo，几乎没有修改），求大神指点！

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery-webcam-master</title>
<link href="cs.css" rel="stylesheet" type="text/css">
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.webcam.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
jQuery("#webcam").webcam({
width: 320,
height: 240,
mode: "callback",
swffile: "jscam_canvas_only.swf", // canvas only doesn't implement a jpeg encoder, so the file is much smaller
onTick: function(remain) {
if (0 == remain) {
jQuery("#status").text("Cheese!");
} else {
jQuery("#status").text(remain + " seconds remaining...");
}
},
onSave: function(data) {
var col = data.split(";");
},
onCapture: function () {
webcam.save();
},
debug: function (type, string) { },
onLoad: function () {
// Page load
var cams = webcam.getCameraList();
for(var i in cams) {
jQuery("#cams").append("<li>" + cams[i] + "</li>");
}
}
});
});
</script>
</head>
<body>
<div id="webcam"></div>
<input type="button" value="Capture" onclick="webcam.capture()" />
</body>
</html>

...全文

1498 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_35790926 2019-04-29

打赏
举报

需要放到项目里，用tomcat 跑起来，访问方式IP：端口。。。这样就不会报错了

qq_35710468 2019-03-07

打赏
举报

改成webcam.capture()改为 document.getElementById('XwebcamXobjectX').capture(); document.getElementById('XwebcamXobjectX').save();还是会报错

「已注销」 2018-07-06

打赏
举报

webcam.capture()改为
document.getElementById('XwebcamXobjectX').capture();
document.getElementById('XwebcamXobjectX').save();
就不报错了

菜鸟大马 2018-01-15

打赏
举报

Jquery.Webcam 运行不能通过文件打开，要通过http协议打开就可以运行了，还有留意swf文件路径有没有错，路径出错也会导致这个问题

Go 旅城通票 2017-08-15

打赏
举报

引用 3 楼 gt_0716 的回复:

我也是这个问题，求大神指点一二

发布网站通过http协议访问，而且确保你的swf没有被浏览器禁用，默认flash不是最新版本是被浏览器禁用的，需要人工点击允许运行后，刷新页面才会注册capture这个方法

var source = '<object id="XwebcamXobjectX" type="application/x-shockwave-flash" data="'+webcam["swffile"]+'" width="'+webcam["width"]+'" height="'+webcam["height"]+'"><param name="movie" value="'+webcam["swffile"]+'" /><param name="FlashVars" value="mode='+webcam["mode"]+'&quality='+webcam["quality"]+'" /><param name="allowScriptAccess" value="always" /></object>';

if (null !== webcam["extern"]) {
$(webcam["extern"])[webcam["append"] ? "append" : "html"](source);
} else {
this[webcam["append"] ? "append" : "html"](source);
}

var run = 3;
(_register = function() {
var cam = document.getElementById('XwebcamXobjectX');

if (cam && cam["capture"] !== undefined) {

/* Simple callback methods are not allowed :-/ */
webcam["capture"] = function(x) {
try {
return cam["capture"](x);
} catch(e) {}
}

推荐学习资料
jquery全年日期选择器日历插件
jquery attr prop 区别