getUserMedia problem in firefox

diff --git a/client.js b/client.js
index 2aa4950..f38f3ab 100644 (file)
--- a/client.js
+++ b/client.js
@@ -1,8 +1,6 @@
 const body = document.createElement('body')
 const root = document.createElement('div')
 document.title = "Strapp.io Client"
-body.appendChild(root)
-document.body = body
 const conf = {"iceServers": [{ "urls": "stun:stun.1.google.com:19302" }] }
 let dataChannel
 
@@ -179,10 +177,17 @@ getPublicKey().then((cpk) => {
   /* Start data channel */
   dataChannel = cpc.createDataChannel("sendChannel");
   dataChannel.onmessage = (msg) => {
-    console.log(msg.data)
+    /* Get mediaStream from host and add it to the video */
+    let video = document.querySelector('')
   }
   dataChannel.onopen = () => {
     dataChannel.send(`Hi from the Client`)
+    document.write('<button> Connection with host established! </button> <video autoplay id="screenOutput"></video>')
   }
 
 })
+document.addEventListener('DOMContentLoaded', () => {
+
+    document.body.innerHTML = `<button> Setting up connection with host </button>`
+
+});

diff --git a/host.js b/host.js
index 01c56a2..81aabc6 100644 (file)
--- a/host.js
+++ b/host.js
@@ -1,4 +1,6 @@
 document.title = "Strapp.io Host"
+
+
 const conf = {"iceServers": [{ "urls": "stun:stun.1.google.com:19302" }] }
 const clients = new Map([])
 const iceCandidates = []
@@ -154,6 +156,22 @@ if ("WebSocket" in window) {
         }
       }
     }
+    document.body.innerHTML = '<div>Choose options for client</div> <video autoplay></video>'
+
+    navigator.mediaDevices.getUserMedia({ video : { mediaSource: "screen", // whole screen sharing
+        // mediaSource: "window", // choose a window to share
+        // mediaSource: "application", // choose a window to share
+        width: {max: '1920'},
+        height: {max: '1080'},
+        frameRate: {max: '10'}} })
+    .then(function(mediaStream) {
+      let video = document.querySelector('video')
+      video.srcObject = mediaStream
+      video.onloadedmetadata = function(e) {
+        video.play()
+      }
+    })
+    .catch(function(err) { console.log(err); }); // always check for errors at the end.
   })
 }
 else {

diff --git a/skel.html b/skel.html
index 55559f4..277b632 100644 (file)
--- a/skel.html
+++ b/skel.html
@@ -7,7 +7,8 @@
     <link rel=icon href="./www/favicon-96x96.png">
     <!--STRAPP_MANIFEST-->
     <link rel=manifest href="./www/manifest.json">
-    <script type="text/plain" href="https://rawgit.com/PeculiarVentures/webcrypto-liner/master/dist/webcrypto-liner.shim.js"></script>
+    <script type="text/plain" src="https://rawgit.com/PeculiarVentures/webcrypto-liner/master/dist/webcrypto-liner.shim.js"></script>
+    <script type="text/javascript" src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
     <script type="text/javascript">
       <!--STRAPP_SRC-->
     </script>