Future

const video = document.getElementById('webcam'); const canvas = document.getElementById('scanner-overlay'); const context = canvas.getContext('2d'); const scanBtn = document.getElementById('scan-btn'); // Start the camera async function initCamera() { try { const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" } }); video.srcObject = stream; } catch (err) { console.error("Camera access denied:", err); alert("Please allow camera access to scan your palm."); } } // Trigger the "Scanning" animation and logic scanBtn.addEventListener('click', () => { scanBtn.innerText = "Scanning..."; scanBtn.disabled = true; // Add a visual scanning bar effect via CSS class canvas.classList.add('scanning-active'); setTimeout(() => { analyzePalm(); }, 3000); // Simulate a 3-second scan });