add ability to disable audio/video from output

Softvelum · Jun 22, 2022 · c943908 · c943908
1 parent a51c1fe
commit c943908
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/index.html b/src/index.html
@@ -26,6 +26,10 @@ <h3> Video Resolution</h3>
         </select>
         <input type="checkbox" id="natural" checked onclick="onSwapRotation()">
         <label for="natural">Natural Video</label>
+        <input type="checkbox" id="videoRequired" checked>
+        <label for="videoRequired">Stream Video</label>
+        <input type="checkbox" id="audioRequired" checked>
+        <label for="audioRequired">Stream Audio</label>
     </div>
     <h3> Local Video </h3>
     <div id="localVideoWrp">
@@ -84,6 +88,9 @@ <h3> Logs </h3>
             videoBandwidth: document.getElementById("bandwidth").value,
             width: document.getElementById("resolution").value.split('x')[0],
             height: document.getElementById("resolution").value.split('x')[1],
+            videoRequired: document.getElementById("videoRequired").checked,
+            audioRequired: document.getElementById("audioRequired").checked,
+
             onPublisherCreated: function(settings){ logItem('Ready to WebRTC publishing'); },
             onConnectionStateChange: function(connectionState){ logItem('Connection state change', connectionState); },
             onIceconnectionStateChange: function(connectionIceState){ logItem('Connection ice state change', connectionIceState); },

diff --git a/src/index.js b/src/index.js
@@ -13,7 +13,8 @@ export default class WebRTCjs {
       videoBandwidth: 0,
       width: 640,
       height: 480,
-
+      videoRequired: true,
+      audioRequired: true,
       onConnectionStateChange: null,
       onPublisherCreated: null,
       onOffer: null,
@@ -42,13 +43,18 @@ export default class WebRTCjs {
 
   async publish() {
 
-    let constraints = {
-        audio: true,
-        video: {
+    let constraints = {};
+
+
+    constraints.audio = this.settings.audioRequired;
+    if(this.settings.videoRequired) {
+        constraints.video = {
             width: this.settings.width,
             height: this.settings.height
-        }
-    };
+        };
+    } else {
+      constraints.video = false;
+    }
 
     this.stream = await navigator.mediaDevices.getUserMedia(constraints);