Update static/script.js

static/script.js

@@ -12,6 +12,7 @@ $(document).ready(function () {
         $("#banner2").hide(1000);
     });
 });
+
 // Function to start the camera capture
 function startCamera() {
     const videoFeedElement = document.getElementById('video_feed');
@@ -29,13 +30,19 @@ function startCamera() {
     } else {
         console.error('getUserMedia is not supported by this browser');
     }
+
+    // Update the frames periodically
+    setInterval(function() {
+        if (videoFeedElement.srcObject) {
+            videoFeedElement.srcObject.getVideoTracks().forEach(track => track.requestFrame());
+        }
+    }, 1000 / 30); // Update frames at 30 fps
 }
 
 // Function to stop the camera
 function stopCamera() {
     const videoFeedElement = document.getElementById('video_feed');
 
-    // Stop the video stream by setting source object to null
     if (videoFeedElement.srcObject) {
         const stream = videoFeedElement.srcObject;
         const tracks = stream.getTracks();
@@ -48,6 +55,13 @@ function stopCamera() {
     }
 }
 
+// Call the startCamera() function when the "Start Camera" button is clicked
+document.getElementById('start-camera').addEventListener('click', startCamera);
+
+// Call the stopCamera() function when the "Stop Camera" button is clicked
+document.getElementById('stop-camera').addEventListener('click', stopCamera);
+
+
 
 
 function startVideo() {