404

D7net
:/ var / www / html / crsys_ant /
Filename : capturafoto.php
back
<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <title>Capturar Foto</title>
</head>
<body>
  <video id="video" width="300" autoplay></video>
  <button onclick="capturarFoto()">Capturar</button>
  <canvas id="canvas" width="300" height="200" style="display:none;"></canvas>
  <form id="formFoto" method="POST" action="salvar_foto.php">
    <input type="hidden" name="imagem" id="imagem">
    <button type="submit">Enviar Foto</button>
  </form>

  <script>
    const video = document.getElementById('video');

    // Acessa câmera
    navigator.mediaDevices.getUserMedia({ video: true })
      .then(stream => video.srcObject = stream)
      .catch(err => console.error("Erro ao acessar câmera:", err));

    // Captura a imagem e coloca no campo hidden
    function capturarFoto() {
      const canvas = document.getElementById('canvas');
      const context = canvas.getContext('2d');
      context.drawImage(video, 0, 0, canvas.width, canvas.height);
      const imagemDataURL = canvas.toDataURL('localhost/crsys/');
      document.getElementById('imagem').value = imagemDataURL;
      alert("Foto capturada! Clique em 'Enviar Foto' para salvar.");
    }
  </script>
</body>
</html>