Update static/script.js

static/script.js

@@ -12,10 +12,16 @@ $(document).ready(function () {
         $("#banner2").hide(1000);
     });
 });
+
 // Function to start the camera and display the feed in the video element
 function startCamera() {
     const videoElement = document.getElementById('feed_video');
 
+    if (!videoElement) {
+        console.error('Video element with ID "feed_video" not found');
+        return;
+    }
+
     navigator.mediaDevices.getUserMedia({ video: true })
         .then(function (stream) {
             videoElement.srcObject = stream;
@@ -28,18 +34,24 @@ function startCamera() {
 // Function to stop the camera
 function stopCamera() {
     const videoElement = document.getElementById('feed_video');
-    if (videoElement.srcObject) {
-        const stream = videoElement.srcObject;
-        const tracks = stream.getTracks();
+    
+    if (!videoElement || !videoElement.srcObject) {
+        console.error('Video element or video source object is null');
+        return;
+    }
 
-        tracks.forEach(function (track) {
-            track.stop();
-        });
+    const stream = videoElement.srcObject;
+    const tracks = stream.getTracks();
 
-        videoElement.srcObject = null;
-    }
+    tracks.forEach(function (track) {
+        track.stop();
+    });
+
+    videoElement.srcObject = null;
 }
 
+
+
 function startVideo() {
     var url = $('#url').val();
     $('#urlForm').attr('action', '/index');