getUserMedia problem in firefox

[henge/kiak.git] / host.js

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 {