暂时提交专家人脸登录前端demo代码
This commit is contained in:
50
public/faceLoginIE/index.html
Normal file
50
public/faceLoginIE/index.html
Normal file
@ -0,0 +1,50 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery-webcam-master</title>
|
||||
<link href="cs.css" rel="stylesheet" type="text/css">
|
||||
<script src="jquery.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(";");
|
||||
// Work with the picture. Picture-data is encoded as an array of arrays... Not really nice, though =/
|
||||
},
|
||||
onCapture: function () {
|
||||
webcam.save();
|
||||
// Show a flash for example
|
||||
},
|
||||
debug: function (type, string) {
|
||||
// Write debug information to console.log() or a div, ...
|
||||
},
|
||||
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>
|
||||
</body>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user