camera.swf java,Flash基础入门之浏览器利用Webcam+Flash启用摄像头,并完成拍照

大家都比较喜欢谈论高考,然而笔者就不愿意提及,因为笔者高考很不理想,以致于意志消沉。后来吧,就迷恋上了游戏一直到上个月,可以说是不学无术已经很久了。火爆的脾气也是随之而来,虽时光不再,脾气尚存。怎么办呢,笔者用HBuilder写点东西消消火。闲扯一下,很开心。下面直接上代码了:

html>

浏览器利用Webcam+Flash启用摄像头,并完成拍照

                

var w = 320, h = 240;

var pos = 0, ctx = null, saveCB, image = [];

debugger;

var canvas = document.getElementById(‘cv20180820pm900‘);

canvas.setAttribute(‘width‘, w);

canvas.setAttribute(‘height‘, h);

var ctx = canvas.getContext(“2d”);

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

var Imagedata;

function open_camer(){//开启摄像头

$(“#photo_show”).hide();//摄像区域显示

$(“#ing_photo” ).show();

$(“#button_photo”).hide();//启动摄像头,按钮隐藏

$(“#take_photo_upload”).show();//拍照按钮显示

}

$(“#webcam”).webcam({

width : w,

height : h,

mode : “callback”,

swffile : “js/jscam_canvas_only.swf”,

onTick : function(remain) {

if (0 == remain) {

$(“#status”).text(“”);

} else {

$(“#status”).text(remain + “秒后拍照”);

}

},

onSave : function(data) {

var col = data.split(“;”);

var img = image;

for (var i = 0; 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);

pos = 0;

Imagedata = canvas.toDataURL().substring(22);

}

},

onCapture : function() {

webcam.save();

$.post(“AddPhoto.action”, {

image : canvas.toDataURL()

}, function(msg) {

});

},

debug : function(type, string) {

console.log(type + “: ” + string);

},

onLoad : function() {

console.log(‘‘)

var cams = webcam.getCameraList();

for ( var i in cams) {

$(“body”).append(“

” + cams[i] + “

“);

}

}

});

//拍照

function getPhoto() {

webcam.capture();

$(“#photo_show”).hide();

$(“#ing_photo”).hide;

/*思路:

* 笔者本着,一切数据均为二进制编码的原则,处理图片

1、通过canvas,将图片转换为Base64的编码

2、把Base64的编码使用ajax post方式传递到后台java

3、在java中对Base64进行解码,解析出来路径就是图片上传的路径地址

4、最后存储图片

*/

//上传部分

var uuid = $(‘#uuid‘).val();

var url = “AddPhoto.action”

var pars = {

‘type‘ : 1,

‘uuid‘ : uuid,

‘imagedata‘ : Imagedata

};

$.ajax({

type : “POST”, // 用POST方式传输

url : url,

data : pars,

dataType : ‘json‘,

async : false,

beforeSend : function() {

},

complete : function() {

},

error : function(XMLHttpRequest, textStatus, errorThrown) {

},

success : function(data) {

},

cache : false

});

}

文章知识点与官方知识档案匹配,可进一步学习相关知识Java技能树首页概览91308 人正在系统学习中 相关资源:软件标书范本(技术部分)_软件技术标书-项目管理文档类资源-CSDN文库

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年2月16日
下一篇 2021年2月16日

相关推荐