|
|
|
ผมทำ capture จาก webcam แต่ติดปัญตรงที่ กด capture แล้ว function ที่ ใช้ capture มันไม่ทำงานอ่ะครับ |
|
|
|
|
|
|
|
ผมทำ capture จาก webcam แต่ติดปัญตรงที่ กด capture แล้ว function ที่ ใช้ capture มันไม่ทำงานอ่ะครับ ช่วยดูหน่อยครับ และผมจะเก็บ ภาพลง folder แล้วเก็บชื่อภาพใน Database ด้วย
index.php (PHP)
<html>
<title></title>
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type='text/javascript' src='webcam.js'></script>
<script language='JavaScript'>
webcam.set_api_url( 'cam.php?pn_nowbdt=".$tbl_lock->rows[0]["bookingdt"]."&ndate=".ncaextdate(ncanow(), "yndhis")."' );
webcam.set_quality(100);
webcam.set_shutter_sound( true );
webcam.set_hook( 'onComplete', 'my_completion_handler' );
function take_snapshot() {
// take snapshot and upload to server
webcam.snap();
}
function reset_shot(){
webcam.reset();
}
function my_completion_handler(msg) {
// extract URL out of PHP output
//if (msg.match(/(http\:\/\/\S+)/)) {
// show JPEG image in page
//alert(msg);
document.getElementById('ID_img_path').value = msg;
document.getElementById('upload_results').innerHTML ='<h3>ถ่ายภาพ เรียบร้อยแล้ว กรุณาระบุหมายเหตุด้วยค่ะ</h2>';
// reset camera for another shot
// webcam.reset();
//}else{
//}
}
</script>
</head>
<body>
<form name="capwcam" id"capwcam" method="post" action="">
<!--==================================webcam===================================-->
<table align='center'>
<tr>
<td>
<font size=3><b>กรุณาถ่ายภาพตอนตรวจวัดแอลกอฮอล์</b></font>
</td>
</tr>
<tr>
<td align='center'>
<script language='JavaScript'>
document.write( webcam.get_html(280, 200, 280, 200) );
</script>
</td>
</tr>
<tr>
<td align='center'>
<input type="hidden" name="h_member_photo" id="h_member_photo">
<input type=button value='ถ่ายภาพ' onClick='take_snapshot()' >
<input type=button value='เริ่มใหม่' onClick='reset_shot()' >
<input type=button value=' ตั้งค่า ' onClick='webcam.configure()' >
</td>
</tr>
</table>
<center>
<input type="submit" name="subpic" id="subpic" value="บันทึกข้อมูลภาพถ่าย" onSubmit="return check_r();">
</center>
</form>
</body>
</html>
webcam.js
/* JPEGCam v1.0.9 */
/* Webcam library for capturing JPEG images and submitting to a server */
/* Copyright (c) 2008 - 2009 Joseph Huckaby <[email protected]> */
/* Licensed under the GNU Lesser Public License */
/* http://www.gnu.org/licenses/lgpl.html */
/* Usage:
<script language="JavaScript">
document.write( webcam.get_html(320, 240) );
webcam.set_api_url( 'test.php' );
webcam.set_hook( 'onComplete', 'my_callback_function' );
function my_callback_function(response) {
alert("Success! PHP returned: " + response);
}
</script>
<a href="javascript:void(webcam.snap())">Take Snapshot</a>
*/
// Everything is under a 'webcam' Namespace
window.webcam = {
version: '1.0.9',
// globals
ie: !!navigator.userAgent.match(/MSIE/),
protocol: location.protocol.match(/https/i) ? 'https' : 'http',
callback: null, // user callback for completed uploads
swf_url: 'webcam.swf', // URI to webcam.swf movie (defaults to cwd)
shutter_url: 'shutter.mp3', // URI to shutter.mp3 sound
api_url: '', // URL to upload script
loaded: false, // true when webcam movie finishes loading
quality: 90, // JPEG quality (1 - 100)
shutter_sound: true, // shutter sound effect on/off
stealth: false, // stealth mode (do not freeze image upon capture)
hooks: {
onLoad: null,
onComplete: null,
onError: null
}, // callback hook functions
set_hook: function(name, callback) {
// set callback hook
// supported hooks: onLoad, onComplete, onError
if (typeof(this.hooks[name]) == 'undefined')
return alert("Hook type not supported: " + name);
this.hooks[name] = callback;
},
fire_hook: function(name, value) {
// fire hook callback, passing optional value to it
if (this.hooks[name]) {
if (typeof(this.hooks[name]) == 'function') {
// callback is function reference, call directly
this.hooks[name](value);
}
else if (typeof(this.hooks[name]) == 'array') {
// callback is PHP-style object instance method
this.hooks[name][0][this.hooks[name][1]](value);
}
else if (window[this.hooks[name]]) {
// callback is global function name
window[ this.hooks[name] ](value);
}
return true;
}
return false; // no hook defined
},
set_api_url: function(url) {
// set location of upload API script
this.api_url = url;
},
set_swf_url: function(url) {
// set location of SWF movie (defaults to webcam.swf in cwd)
this.swf_url = url;
},
get_html: function(width, height, server_width, server_height) {
// Return HTML for embedding webcam capture movie
// Specify pixel width and height (640x480, 320x240, etc.)
// Server width and height are optional, and default to movie width/height
if (!server_width) server_width = width;
if (!server_height) server_height = height;
var html = '';
var flashvars = 'shutter_enabled=' + (this.shutter_sound ? 1 : 0) +
'&shutter_url=' + escape(this.shutter_url) +
'&width=' + width +
'&height=' + height +
'&server_width=' + server_width +
'&server_height=' + server_height;
if (this.ie) {
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="swflash.cab#version=9,0,0,0" width="'+width+'" height="'+height+'" id="webcam_movie" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="'+this.swf_url+'" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="'+flashvars+'"/></object>';
}
else {
html += '<embed id="webcam_movie" src="'+this.swf_url+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="'+width+'" height="'+height+'" name="webcam_movie" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+flashvars+'" />';
}
this.loaded = false;
return html;
},
get_movie: function() {
// get reference to movie object/embed in DOM
if (!this.loaded) return alert("ไม่พบอุปกรณ์ การถ่ายภาพ !");
var movie = document.getElementById('webcam_movie');
if (!movie) alert("ERROR: Cannot locate movie 'webcam_movie' in DOM");
return movie;
},
set_stealth: function(stealth) {
// set or disable stealth mode
this.stealth = stealth;
},
snap: function(url, callback, stealth) {
// take snapshot and send to server
// specify fully-qualified URL to server API script
// and callback function (string or function object)
if (callback) this.set_hook('onComplete', callback);
if (url) this.set_api_url(url);
if (typeof(stealth) != 'undefined') this.set_stealth( stealth );
this.get_movie()._snap( this.api_url, this.quality, this.shutter_sound ? 1 : 0, this.stealth ? 1 : 0 );
},
freeze: function() {
// freeze webcam image (capture but do not upload)
this.get_movie()._snap('', this.quality, this.shutter_sound ? 1 : 0, 0 );
},
upload: function(url, callback) {
// upload image to server after taking snapshot
// specify fully-qualified URL to server API script
// and callback function (string or function object)
if (callback) this.set_hook('onComplete', callback);
if (url) this.set_api_url(url);
this.get_movie()._upload( this.api_url );
},
reset: function() {
// reset movie after taking snapshot
this.get_movie()._reset();
},
configure: function(panel) {
// open flash configuration panel -- specify tab name:
// "camera", "privacy", "default", "localStorage", "microphone", "settingsManager"
if (!panel) panel = "camera";
this.get_movie()._configure(panel);
},
set_quality: function(new_quality) {
// set the JPEG quality (1 - 100)
// default is 90
this.quality = new_quality;
},
set_shutter_sound: function(enabled, url) {
// enable or disable the shutter sound effect
// defaults to enabled
this.shutter_sound = enabled;
this.shutter_url = url ? url : 'shutter.mp3';
},
flash_notify: function(type, msg) {
// receive notification from flash about event
switch (type) {
case 'flashLoadComplete':
// movie loaded successfully
this.loaded = true;
this.fire_hook('onLoad');
break;
case 'error':
// HTTP POST error most likely
if (!this.fire_hook('onError', msg)) {
//alert("JPEGCam Flash Error: " + msg);
}
break;
case 'success':
// upload complete, execute user callback function
// and pass raw API script results to function
this.fire_hook('onComplete', msg.toString());
break;
default:
// catch-all, just in case
//alert("jpegcam flash_notify: " + type + ": " + msg);
break;
}
}
};
Tag : PHP, JavaScript, jQuery, Windows
|
ประวัติการแก้ไข 2016-12-21 10:39:15
|
|
|
|
|
Date :
2016-12-18 17:24:02 |
By :
jkh |
View :
1414 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คือ Javascript function การถ่ายภาพกับ function เริ่มใหม่ มันไม่ทำงานอ่ะครับช่วยแนะนำหน่วยครับ
|
|
|
|
|
Date :
2016-12-19 10:38:34 |
By :
jkh |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ประวัติการแก้ไข 2016-12-22 10:30:29
|
|
|
|
Date :
2016-12-21 10:41:06 |
By :
jkh |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|