increase cam res -> full

static/index.js

@@ -37,17 +37,23 @@ async function switch_camera() {
 function load_camera() {
   const constraints = {
       video: {
-          facingMode: video_facing_mode
+          facingMode: video_facing_mode,
+          width: { ideal: 4096 },
+        height: { ideal: 2160 } 
       }
   };
   // Activate the webcam stream.
   navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
       video.srcObject = stream;
       video.addEventListener("loadeddata", img_load);
+      video.addEventListener("loadeddata", ()=>{
+        canvasElement.width=video.videoWidth
+        canvasElement.height=video.videoHeight
+      });
   });
 }
 function img_load(){
-  
+
   canvasCtx.clearRect(0, 0, canvasElement.width, canvasElement.height);
   canvasCtx.drawImage(video, 0, 0, canvasElement.width, (video.videoHeight / video.videoWidth) * canvasElement.width)
   var image = canvasElement.toDataURL()
@@ -61,6 +67,7 @@ function take_pic(){
   canvasCtx.clearRect(0, 0, canvasElement.width, canvasElement.height);
   canvasCtx.drawImage(video, 0, 0, canvasElement.width, (video.videoHeight / video.videoWidth) * canvasElement.width)
   var image = canvasElement.toDataURL()
+  
   outputImage.src= image
   console.log(image)
   send_frame(image);