document.addEventListener('DOMContentLoaded', function() { const video = document.getElementById('camera'); const canvas = document.getElementById('snapshot'); const photoInput = document.getElementById('photoInput'); const snapBtn = document.getElementById('snapBtn');// Access the camera navigator.mediaDevices.getUserMedia({ video: true }) .then(stream => { video.srcObject = stream; }) .catch(err => { console.log("Camera not accessible", err); });// Capture photo snapBtn.addEventListener('click', function() { const context = canvas.getContext('2d'); context.drawImage(video, 0, 0, 320, 240); const imageData = canvas.toDataURL('image/png'); photoInput.value = imageData; alert('✅ Photo Captured'); }); });