Update index.html

index.html

@@ -39,9 +39,13 @@
         const canvas = document.getElementById('canvas');
         const output = document.getElementById('output');
         const captureButton = document.getElementById('capture');
+
         navigator.mediaDevices.getUserMedia({
             video: {
-                facingMode: { exact: "environment" }
+                facingMode: { exact: "environment" },
+                width: { ideal: 2000 },
+                height: { ideal: 2000 },
+                advanced: [{ focusMode: "continuous" }]
             }
         })
         .then(stream => {
@@ -50,54 +54,55 @@
         .catch(err => {
             console.error("Error accessing the camera: ", err);
         });
+
         captureButton.addEventListener('click', () => {
             // Draw the video frame to the canvas
             canvas.width = video.videoWidth;
             canvas.height = video.videoHeight;
             const context = canvas.getContext('2d');
             context.drawImage(video, 0, 0, canvas.width, canvas.height);
+
             // Convert canvas to image data
             const dataURL = canvas.toDataURL('image/png');
+
             // Process the image with Tesseract
             Tesseract.recognize(
                 dataURL,
-                'kor',
-              "image-to-text", 
-              model="team-lucid/trocr-small-korean",
+                'kor+eng', // Use both Korean and English
                 {
                     logger: m => console.log(m)
                 }
             ).then(({ data: { text } }) => {
                 console.log(text);
                 analyzeNutrition(text);
+            }).catch(err => {
+                console.error("Tesseract error: ", err);
             });
         });
+
         function analyzeNutrition(text) {
-            // Extract nutritional values (assuming sugar content is labeled as '당류' in Korean)
-            const regex = /당류\s*:\s*(\d+(\.\d+)?)\s*g\s*/; // This regex might need adjustments based on label format
-            const match = text.match(regex);
-            let outputDiv = document.getElementById('output');
-            if (match) {
-                const sugarContent = parseFloat(match[1]);
+            // Extract sugar content from the recognized text
+            const sugarMatch = text.match(/(\d+(\.\d+)?)\s*(g|grams|그램)?\s*(sugar|당)/i);
+            if (sugarMatch) {
+                const sugarContent = parseFloat(sugarMatch[1]);
                 let message = `Sugar content: ${sugarContent}g - `;
+
                 if (sugarContent > 20) {
                     message += 'Dangerous';
-                    outputDiv.className = 'red';
-                } else if (sugarContent > 10) {
+                    output.className = 'red';
+                } else if (sugarContent >= 10 && sugarContent <= 19) {
                     message += 'Normal';
-                    outputDiv.className = 'yellow';
+                    output.className = 'yellow';
                 } else {
                     message += 'Good';
-                    outputDiv.className = 'green';
+                    output.className = 'green';
                 }
-                outputDiv.textContent = message;
+                output.textContent = message;
             } else {
-                outputDiv.textContent = 'Sugar content not found';
-                outputDiv.className = '';
+                output.textContent = 'Sugar content not found';
+                output.className = '';
             }
         }
-      }
-      }
     </script>
 </body>
-</html>
+</html>