VIDCS-721: Add support for audio-only sessions (aullman#70)

albertoacn · May 17, 2023 · 11e9e90 · 11e9e90
1 parent 20d9856
commit 11e9e90
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/src/js/controllers.js b/src/js/controllers.js
@@ -48,6 +48,7 @@ angular.module('opentok-meet').controller('RoomCtrl', ['$scope', '$http', '$wind
 
     const encryptionSecret = url.searchParams.get('e2ee');
     const isSpc = url.searchParams.get('spc');
+    const isAudioOnlyMode = url.searchParams.get('audioOnlyMode') === 'true';
 
     const facePublisherPropsSD = {
       name: 'face',
@@ -66,6 +67,10 @@ angular.module('opentok-meet').controller('RoomCtrl', ['$scope', '$http', '$wind
       },
     };
 
+    if (isAudioOnlyMode) {
+      facePublisherPropsSD.publishVideo = false;
+    }
+
     const facePublisherProps720 = Object.assign({
       frameRate: 30,
     }, facePublisherPropsSD);

diff --git a/src/js/directives.js b/src/js/directives.js
@@ -145,13 +145,20 @@ angular.module('opentok-meet').directive('draggable', ['$document', '$window',
       },
     };
   }])
-  .directive('mutePublisher', ['OTSession', function mutePublisher(OTSession) {
+  .directive('mutePublisher', ['$window', 'OTSession', function mutePublisher($window, OTSession) {
     return {
       restrict: 'A',
       link(scope, element, attrs) {
         const type = attrs.mutedType || 'Video';
         scope[`muted${type}`] = false;
 
+        // When audio-only mode is enabled, make sure Camera button set to disabled
+        if (type === 'Video') {
+          const url = new URL($window.location.href);
+          const isAudioOnlyMode = url.searchParams.get('audioOnlyMode') === 'true';
+          scope[`muted${type}`] = isAudioOnlyMode;
+        }
+
         const getPublisher = () =>
           OTSession.publishers.filter(el => el.id === attrs.publisherId)[0];
 

diff --git a/src/js/login/controller.js b/src/js/login/controller.js
@@ -11,6 +11,7 @@ angular.module('opentok-meet-login', [])
     $scope.advanced = false;
     $scope.dtx = true;
     $scope.paf = true;
+    $scope.audioOnlyMode = false;
     $scope.e2ee = false;
     $scope.encryptionSecret = '';
     $scope.joinRoom = () => {
@@ -37,6 +38,10 @@ angular.module('opentok-meet-login', [])
         url = appendQueryParamToUrl('paf=false', url);
       }
 
+      if ($scope.audioOnlyMode) {
+        url = appendQueryParamToUrl('audioOnlyMode=true', url);
+      }
+
       if ($scope.e2ee && $scope.encryptionSecret) {
         url = appendQueryParamToUrl(`e2ee=${$scope.encryptionSecret}`, url);
       }

diff --git a/views/index.ejs b/views/index.ejs
@@ -47,7 +47,13 @@
                   </label>
                   <input type="checkbox" name="Publisher Audio-Fallback" id="paf" ng-model="paf">
                 </div>
-                  <br>
+                <div>
+                  <label for="audioOnlyMode">
+                    Audio-Only Mode
+                  </label>
+                  <input type="checkbox" name="Audio-Only Mode" id="audioOnlyMode" ng-model="audioOnlyMode">
+                </div>
+                    <br>
                     <div id="tokenRole">
                       <label>Moderator<input type="radio" name="tokenRole" ng-model="tokenRole" value="moderator"><br></label>
                       <label>Publisher<input type="radio" name="tokenRole" ng-model="tokenRole" value="publisher"><br></label>