Tenho um código que captura uma foto através da webcam. Ele gera um snapshot.
Gostaria de saber como enviar este snapshot salvo na tela, via formulário PHP, tipo file. Temo como? Segue o código:
<!DOCTYPE html>
<html>
<head>
<title>Webcam com PHP</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src="webcam.js"></script>
<script type="text/javascript">
//Setando a qualidade da imagem (1 - 100)
webcam.set_quality(90);
//Habilitando o som de click
webcam.set_shutter_sound(true);
//Definindo a função que será chamada após o termino do processo
webcam.set_hook('onComplete', 'my_completion_handler');
//Função para tirar snapshot
function take_snapshot() {
document.getElementById('upload_results').innerHTML;
webcam.snap();
}
//Função callback que será chamada após o final do processo
function my_completion_handler(msg) {
if (msg.match(/(http\:\/\/\S+)/)) {
var htmlResult = '';
htmlResult += '<img src="'+msg+'" />';
document.getElementById('upload_results').innerHTML = htmlResult;
webcam.reset();
}
else {
alert("PHP Erro: " + msg);
}
}
</script>
</head>
<body>
<script type="text/javascript">
//Instanciando a webcam. O tamanho pode ser alterado
document.write(webcam.get_html(320, 240));
</script>
<form>
<input type=button value="Tirar Foto" onClick="take_snapshot()">
<input type=button value="Reset" onClick="webcam.reset()">
</form>
<div id="upload_results"></div>
</body>
</html>
Capturar foto webcam
em Javascript
Postado
Boa noite galera,
Tenho um código que captura uma foto através da webcam. Ele gera um snapshot.
Gostaria de saber como enviar este snapshot salvo na tela, via formulário PHP, tipo file. Temo como? Segue o código:
<!DOCTYPE html> <html> <head> <title>Webcam com PHP</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <script type="text/javascript" src="webcam.js"></script> <script type="text/javascript"> //Setando a qualidade da imagem (1 - 100) webcam.set_quality(90); //Habilitando o som de click webcam.set_shutter_sound(true); //Definindo a função que será chamada após o termino do processo webcam.set_hook('onComplete', 'my_completion_handler'); //Função para tirar snapshot function take_snapshot() { document.getElementById('upload_results').innerHTML; webcam.snap(); } //Função callback que será chamada após o final do processo function my_completion_handler(msg) { if (msg.match(/(http\:\/\/\S+)/)) { var htmlResult = ''; htmlResult += '<img src="'+msg+'" />'; document.getElementById('upload_results').innerHTML = htmlResult; webcam.reset(); } else { alert("PHP Erro: " + msg); } } </script> </head> <body> <script type="text/javascript"> //Instanciando a webcam. O tamanho pode ser alterado document.write(webcam.get_html(320, 240)); </script> <form> <input type=button value="Tirar Foto" onClick="take_snapshot()"> <input type=button value="Reset" onClick="webcam.reset()"> </form> <div id="upload_results"></div> </body> </html>Fico no aguardo. Valeu...