Update templates/index.html

templates/index.html

@@ -125,7 +125,7 @@
 
     <div id="container">
         <canvas id="canvasOutput"></canvas>
-        <video autoplay="true" id="videoElement"></video>
+        <video autoplay="true" id="videoElement1"></video>
     </div>
     
     <div class = 'video'>
@@ -160,7 +160,7 @@
         socket.on('connect', function(){
             console.log("Connection has been succesfully established with socket.", socket.connected)
         });
-        const video = document.querySelector("#videoElement");
+        const video = document.querySelector("#videoElement1");
         video.width = 500; 
         video.height = 375; ;
         if (navigator.mediaDevices.getUserMedia) {
@@ -177,7 +177,7 @@
         const FPS = 22;
         setInterval(() => {
             var type = "image/jpg"
-            var video_element = document.getElementById("videoElement")
+            var video_element = document.getElementById("videoElement1")
             var frame = capture(video_element, 1)
             var data = frame.toDataURL(type);
             //data = data.replace('data:' + type + ';base64,', '');