Add sound with screenrecorder

QVDev · QVDev · commit 75b2cc407a11 · 2019-09-19T22:09:16.000+02:00
diff --git a/index.html b/index.html
@@ -5,10 +5,10 @@
   <meta charset="utf-8">
   <title></title>
   <script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
-  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.7/js/GunRecorder.js"></script>
-  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.7/js/GunStreamer.js"></script>
-  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.7/js/GunViewer.js"></script>
-  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.7/js/mediabuffer.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.8/js/GunRecorder.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.8/js/GunStreamer.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.8/js/GunViewer.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.8/js/mediabuffer.js"></script>
 </head>
 
 <body>
@@ -22,7 +22,7 @@
   <br>
   Viewer<br>
   <video id="remote" width="20%" autoplay muted></video>
-  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.7/js/integration.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/QVDev/GunStreamer@0.0.8/js/integration.js"></script>
 </body>
 
 </html>
diff --git a/js/GunRecorder.js b/js/GunRecorder.js
@@ -76,9 +76,13 @@ class GunRecorder {
     }
     var gunRecorder = this;
     if (navigator.mediaDevices.getDisplayMedia && navigator.mediaDevices.getDisplayMedia) {
-      navigator.mediaDevices.getDisplayMedia(this.cameraOptions).then(function (stream) {
-        gunRecorder.video.srcObject = stream;
-        gunRecorder.video.play();
+      navigator.mediaDevices.getDisplayMedia(this.cameraOptions).then(function (desktopStream) {
+        navigator.mediaDevices.getUserMedia({ video: false, audio: true }).then(function (voiceStream) {
+          let tracks = [desktopStream.getVideoTracks()[0], voiceStream.getAudioTracks()[0]]
+          var stream = new MediaStream(tracks);
+          gunRecorder.video.srcObject = stream;
+          gunRecorder.video.play();
+        });
       });
       this.setRecordingState(recordSate.STOPPED);
     } else {
