关于调用flash进行拍照的问题

[qq_37813214]

在写webcam方法的时候总是报error: Flash movie not yet registered!的错误，我从网上下载的demo是可以使用的。
在看加载项的时候发现jscam_canvas_only.swf并没有加载，但我不管怎么改jscam_canvas_only.swf的路径都没有效果。
请问下怎么解决
var w = 320, h = 240;
var pos = 0, ctx = null, saveCB, image = [];

var canvas = document.createElement("canvas");
canvas.setAttribute('width', w);
canvas.setAttribute('height', h);

console.log(canvas.toDataURL);
if (canvas.toDataURL) {
ctx = canvas.getContext("2d");

image = ctx.getImageData(0, 0, w, h);

saveCB = function(data) {

var col = data.split(";");
var img = image;

for(var i = 0; i < w; 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 * w * h) {
ctx.putImageData(img, 0, 0);
$.ajax({
type: "post",
url: "/CatD?t="+new Date().getTime(),
data: {type: "pixel", image: canvas.toDataURL("image/png")},
dataType: "html",
success: function(data){
console.log("===="+data);
pos = 0;
$("#img").attr("src", "");
$("#img").attr("src", data);
}
});
}
};
}else{
saveCB = function(data) {
image.push(data);

pos+= 4 * w;

if (pos >= 4 * w * h) {
$.ajax({
type: "post",
url: "/CatD",
data: {type: "pixel", image: image.join('|')},
dataType: "json",
success: function(data){
console.log("+++++"+eval(msg));
pos = 0;
$("#img").attr("src", msg+"");
}
});
}
};
}

$("#table_div").webcam({
width: 280,
height: 240,
mode: "callback",
swffile: "jscam_canvas_only.swf",

onSave: saveCB,

onCapture: function () {
webcam.save();
},

debug: function (type, string) {
console.log(type + ": " + string);
}
});

[PriestM]

不要用本地文件直接访问，部到服务器上，用http ip port的方式访问再看看，这个东西确实挺奇葩的，我昨天也遇到了

[wz_307]

看看这个链接 1是看看"jscam_canvas_only.swf"这个路径下，swf文件是否存在。可以在浏览器中F12看看资源加载时，查看swf的完整路径 2是看看div是否visible

[我的猫叫一休]

引用 2 楼 PriestM 的回复:

不要用本地文件直接访问，部到服务器上，用http ip port的方式访问再看看，这个东西确实挺奇葩的，我昨天也遇到了

请问是把swf部署到服务器上，然后http再请求吗？

[PriestM]

引用 3 楼 我的猫叫一休 的回复:

请问是把swf部署到服务器上，然后http再请求吗？

swf 文件随你项目放就行了，简单来说就是通过 file:/// 开头的链接（本地文件访问）就会报错 我举个例子，如果你只是写了一个 html (或者 jsp 什么的)文件加点 js 代码，直接用浏览器打开本地的这个 html 文件来测试，就会报这个错的 需要把这个 html 文件(当然也包括 swf 文件)丢到 Tomcat 或者其他服务器上的一个 web 项目里，启服务器之后用 http://ip:port/project/x.html 去访问，就正常了

[sethwhite]

最新消息（其实是国外老消息）！以后Chrome 、FireFox、Microsoft Edge、Opera 浏览器将不再支持flash, "https://www.blog.google/products/chrome/saying-goodbye-flash-chrome/" "https://developer.mozilla.org/en-US/docs/Plugins/Roadmap " 。那么调用摄像头拍照怎么办？ 自行google 关键字"webRTC"，记住是google,不是百度！ 免费赞助核心代码 //访问用户媒体设备的兼容方法 if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia){ //调用用户媒体设备，访问摄像头 getUserMedia({ video:true },success,error); } else { errorCamera(); } function getUserMedia(constrains,success,error){ if(navigator.mediaDevices.getUserMedia){ //最新标准API navigator.mediaDevices.getUserMedia(constrains).then(success).catch(error); } else if (navigator.webkitGetUserMedia){ //webkit内核浏览器 navigator.webkitGetUserMedia(constrains).then(success).catch(error); } else if (navigator.mozGetUserMedia){ //Firefox浏览器 navagator.mozGetUserMedia(constrains).then(success).catch(error); } else if (navigator.getUserMedia){ //旧版API navigator.getUserMedia(constrains).then(success).catch(error); } } //成功的回调函数 function success(stream){ //兼容webkit内核浏览器 var CompatibleURL = window.URL || window.webkitURL; //将视频流设置为video元素的源 try{ video.src = CompatibleURL.createObjectURL(stream); } catch(e){ video.srcObject = stream; } //播放视频 video.play(); } //异常的回调函数 function error(error){ // alert("访问用户摄像头失败，请联系监考人员"); errorCamera(); console.log("访问用户媒体设备失败：",error.name,error.message); var path = window.location.pathname; if (path != '/member/login.html') { // 当前不是登录页面，则退出登录，进入到登录页面 window.location.href = '/exam/logout.html'; } }