Objectron not working solved

docs/solutions/objectron.md

@@ -400,46 +400,46 @@ Supported configuration options:
 
 ```javascript
 <script type="module">
-const videoElement = document.getElementsByClassName('input_video')[0];
-const canvasElement = document.getElementsByClassName('output_canvas')[0];
-const canvasCtx = canvasElement.getContext('2d');
-
-function onResults(results) {
-  canvasCtx.save();
-  canvasCtx.drawImage(
-      results.image, 0, 0, canvasElement.width, canvasElement.height);
-  if (!!results.objectDetections) {
-    for (const detectedObject of results.objectDetections) {
-      // Reformat keypoint information as landmarks, for easy drawing.
-      const landmarks: mpObjectron.Point2D[] =
-          detectedObject.keypoints.map(x => x.point2d);
-      // Draw bounding box.
-      drawingUtils.drawConnectors(canvasCtx, landmarks,
-          mpObjectron.BOX_CONNECTIONS, {color: '#FF0000'});
-      // Draw centroid.
-      drawingUtils.drawLandmarks(canvasCtx, [landmarks[0]], {color: '#FFFFFF'});
+    const videoElement = document.getElementsByClassName('input_video')[0];
+    const canvasElement = document.getElementsByClassName('output_canvas')[0];
+    const canvasCtx = canvasElement.getContext('2d');
+    
+    function onResults(results) {
+      canvasCtx.save();
+      canvasCtx.drawImage(
+          results.image, 0, 0, canvasElement.width, canvasElement.height);
+      if (!!results.objectDetections) {
+        for (const detectedObject of results.objectDetections) {
+          // Reformat keypoint information as landmarks, for easy drawing.
+          const landmarks =
+              detectedObject.keypoints.map(x => x.point2d);
+          // Draw bounding box.
+          drawConnectors(canvasCtx, landmarks,
+              BOX_CONNECTIONS, {color: '#FF0000'});
+          // Draw centroid.
+          drawLandmarks(canvasCtx, [landmarks[0]], {color: '#FFFFFF'});
+        }
+      }
+      canvasCtx.restore();
     }
-  }
-  canvasCtx.restore();
-}
-
-const objectron = new Objectron({locateFile: (file) => {
-  return `https://cdn.jsdelivr.net/npm/@mediapipe/objectron/${file}`;
-}});
-objectron.setOptions({
-  modelName: 'Chair',
-  maxNumObjects: 3,
-});
-objectron.onResults(onResults);
-
-const camera = new Camera(videoElement, {
-  onFrame: async () => {
-    await objectron.send({image: videoElement});
-  },
-  width: 1280,
-  height: 720
-});
-camera.start();
+    
+    const objectron = new Objectron({locateFile: (file) => {
+      return `https://cdn.jsdelivr.net/npm/@mediapipe/objectron/${file}`;
+    }});
+    objectron.setOptions({
+      modelName: 'Shoe',
+      maxNumObjects: 3,
+    });
+    objectron.onResults(onResults);
+    
+    const camera = new Camera(videoElement, {
+      onFrame: async () => {
+        await objectron.send({image: videoElement});
+      },
+      width: 1280,
+      height: 720
+    });
+    camera.start();
 </script>
 ```