From 0b7e47c5bf16235037b5fc3de1752fe9da4c516e Mon Sep 17 00:00:00 2001
From: Sergey Chumak <sergii@status.im>
Date: Thu, 4 Feb 2021 17:51:44 +0200
Subject: [PATCH] Create webviewcamera.html

---
 .../public/webviewtest/webviewcamera.html     | 61 +++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 resources/public/webviewtest/webviewcamera.html
diff --git a/resources/public/webviewtest/webviewcamera.html b/resources/public/webviewtest/webviewcamera.html
new file mode 100644
index 0000000..57477e2
--- /dev/null
+++ b/resources/public/webviewtest/webviewcamera.html
@@ -0,0 +1,61 @@
+<html><head></head><body>
+  
+        
+            <h1>Take Photo</h1>
+  <div id="imageblock1"> 
+    <img id="blabla1" width="150" height="150"> </div>
+        
+          <h1>Capturing Video...</h1>
+        <button onclick="play()">Click to show</button><br>
+        <video heigh="150" width="150" playsinline="" autoplay=""></video>
+        
+        <script>
+        
+        function gotMedia(mediaStream) {
+            console.log('getUserMedia() got stream:', mediaStream);
+          const mediaStreamTrack = mediaStream.getVideoTracks()[0];
+          const imageCapture = new ImageCapture(mediaStreamTrack);
+          console.log(imageCapture);
+          const img = document.querySelector('img');
+           imageCapture.takePhoto()
+          .then(blob => {
+            img.src = URL.createObjectURL(blob);
+            img.onload = () => { URL.revokeObjectURL(this.src); }
+          })
+          .catch(error => console.error('takePhoto() error:', error.name, " ", error.message));
+        
+          const gumVideo = document.querySelector('video');
+          gumVideo.srcObject = mediaStream;
+        
+        }
+        
+        
+        
+          function play(){
+            const gumVideo = document.querySelector('video');
+             gumVideo.play();
+          }
+        
+        
+        
+        window.addEventListener('load', async () => {
+          const constraints = {
+            video: {
+              width: 150, height: 150
+            }
+          };
+          console.log('Using media constraints:', constraints);
+        
+          navigator.mediaDevices.getUserMedia(constraints)
+          .then(gotMedia)
+          .catch(error => console.error('getUserMedia() error:', error.name, " ", error.message));
+        
+        });
+        
+        
+        </script>
+        
+        
+        
+        
+</body></html>
