Update index.html

index.html

@@ -6,7 +6,7 @@
     <title>Candy Label Scanner</title>
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/coco-ssd"></script>
-    <script src="https://cdn.jsdelivr.net/npm/tesseract.js@2.1.1"></script>
+    <script src="https://cdn.jsdelivr.net/npm/tesseract.js"></script>
     <style>
         #output {
             font-size: 20px;
@@ -39,7 +39,6 @@
         const canvas = document.getElementById('canvas');
         const output = document.getElementById('output');
         const captureButton = document.getElementById('capture');
-        
         navigator.mediaDevices.getUserMedia({
             video: {
                 facingMode: { exact: "environment" }
@@ -51,21 +50,20 @@
         .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",
                 {
                     logger: m => console.log(m)
                 }
@@ -74,7 +72,6 @@
                 analyzeNutrition(text);
             });
         });
-
         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
@@ -101,5 +98,4 @@
         }
     </script>
 </body>
-</html>
-
+</html>