foto com webcam
Olá amigos, estou usando um script para tirar fotos com a webcam, até aí tudo certo, tudo funciona, porém eu preciso que a foto seja tirada quando clicar no botão da própria webcam, isso mesmo, do hardware, minha webcam tem um botão e gostaria que quando apertasse nele a foto fosse tirada, tem um aplicativo AMCAP que funciona desta maneira, porém é um executável e não tem como integrar isso junto a minha aplicação web, testei um monte de api,s e scripts js possíveis, porém não consegui liberar esta função. Alguém sabe como fazer isso? Desde já obrigado, segue o script que estou usando.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src="webcam.js"></script>
<script type="text/javascript">
//Configurando o arquivo que vai receber a imagem
webcam.set_api_url('upload.php');
//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 = '<h1>Uploading...</h1>';
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 = '<h1>Upload Successful!</h1>';
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="Configurar" onClick="webcam.configure()">
<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>Discussão (0)
Carregando comentários...