Spaces:

Pengi5659
/

Posture_detector

Sleeping

Pengi5659 commited on Jun 11, 2025

Commit

1282fd8

verified ·

1 Parent(s): 719bcf3

Update frontend.html

Files changed (1) hide show

frontend.html CHANGED Viewed

@@ -5,8 +5,9 @@
     <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image"></script>
   </head>
   <body>
     <video id="webcam" autoplay playsinline width="400" height="300"></video>
-    <p id="label">Loading...</p>
     <script>
       const URL = "./";
       let model, webcam;
@@ -15,7 +16,7 @@
         model = await tmImage.load(URL + "model.json", URL + "metadata.json");
         const video = document.getElementById("webcam");
         const labelEl = document.getElementById("label");
         navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {
           video.srcObject = stream;
         });
@@ -26,7 +27,7 @@
             labelEl.innerHTML = prediction
               .map(p => `${p.className}: ${(p.probability * 100).toFixed(1)}%`)
               .join("<br>");
-          }, 200);
         });
       }

     <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image"></script>
   </head>
   <body>
+    <h2>Posture Detector</h2>
     <video id="webcam" autoplay playsinline width="400" height="300"></video>
+    <p id="label">Loading model...</p>
     <script>
       const URL = "./";
       let model, webcam;
         model = await tmImage.load(URL + "model.json", URL + "metadata.json");
         const video = document.getElementById("webcam");
         const labelEl = document.getElementById("label");
         navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {
           video.srcObject = stream;
         });
             labelEl.innerHTML = prediction
               .map(p => `${p.className}: ${(p.probability * 100).toFixed(1)}%`)
               .join("<br>");
+          }, 300);
         });
       }