Update static/script.js

static/script.js

@@ -12,42 +12,40 @@ $(document).ready(function () {
         $("#banner2").hide(1000);
     });
 });
-
-// Function to start the camera and display the feed in the video element
+// Function to start the camera capture
 function startCamera() {
-    const videoElement = document.getElementById('feed_video');
-
-    if (!videoElement) {
-        console.error('Video element with ID "feed_video" not found');
-        return;
+    const videoFeedElement = document.getElementById('video_feed');
+
+    // Check if the browser supports getUserMedia
+    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+        navigator.mediaDevices.getUserMedia({ video: true })
+            .then(function (stream) {
+                // Set the video stream as the source for the image tag
+                videoFeedElement.srcObject = stream;
+            })
+            .catch(function (error) {
+                console.error('Error accessing the camera: ', error);
+            });
+    } else {
+        console.error('getUserMedia is not supported by this browser');
     }
-
-    navigator.mediaDevices.getUserMedia({ video: true })
-        .then(function (stream) {
-            videoElement.srcObject = stream;
-        })
-        .catch(function (error) {
-            console.error('Error accessing the camera: ', error);
-        });
 }
 
 // Function to stop the camera
 function stopCamera() {
-    const videoElement = document.getElementById('feed_video');
-    
-    if (!videoElement || !videoElement.srcObject) {
-        console.error('Video element or video source object is null');
-        return;
-    }
+    const videoFeedElement = document.getElementById('video_feed');
 
-    const stream = videoElement.srcObject;
-    const tracks = stream.getTracks();
+    // Stop the video stream by setting source object to null
+    if (videoFeedElement.srcObject) {
+        const stream = videoFeedElement.srcObject;
+        const tracks = stream.getTracks();
 
-    tracks.forEach(function (track) {
-        track.stop();
-    });
+        tracks.forEach(function (track) {
+            track.stop();
+        });
 
-    videoElement.srcObject = null;
+        videoFeedElement.srcObject = null;
+    }
 }