FS-8401 [verto_communicator] - Added Speaker selection in settings modal and video page.

html5/verto/verto_communicator/src/partials/modal_settings.html

@@ -22,10 +22,17 @@
     <select name="microphone" id="settings-microphone" class="form-control"
             ng-model="mydata.selectedAudio" ng-options="item.id as item.label for item in verto.data.audioDevices">
     </select>
-
-    <a class="btn btn-primary" href="" ng-click="refreshDeviceList()">Refresh device list</a>
   </div>
 
+  <div class="form-group">
+    <label for="settings-microphone">Speaker:</label>
+    <select name="microphone" id="settings-microphone" class="form-control"
+            ng-model="mydata.selectedSpeaker" ng-options="item.id as item.label for item in verto.data.speakerDevices">
+    </select>
+  </div>
+
+  <a class="btn btn-primary" href="" ng-click="refreshDeviceList()">Refresh device list</a>
+
   <div class="form-group">
     <label for="settings-microphone">General settings:</label>
     <div class="checkbox">

html5/verto/verto_communicator/src/partials/video_call.html

@@ -57,6 +57,17 @@
                 class="btn btn-material-blue-900" ng-click="toggleChat()" ng-show="fullscreenEnabled">
           <i class="mdi-communication-chat"></i>
         </button>
+        <div class="btn-group">
+          <button tooltip-placement="bottom" tooltip-title="Speaker" uib-tooltips="Speaker" type="button" class="btn btn-material-blue-900 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <i class="mdi-hardware-headset"></i>
+            <span class="caret"></span>
+          </button>
+          <ul class="dropdown-menu">
+            <li ng-repeat="speaker in verto.data.speakerDevices">
+              <a ng-click="confChangeSpeaker(speaker.id)">{{ speaker.label }}</a>
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
     <div class="video-tag-wrapper" id="video-tag-wrapper" ng-dblclick="goFullscreen()" show-controls>