test

Author: dimaspirit

.jshintrc

@@ -22,10 +22,11 @@
     "inject",
     "expect",
     "spyOn",
-    
+
     "QB",
     "CONFIG",
     "QBApp",
-    "QBUsers"
+    "QBUsers",
+    "Promise"
   ]
-}
+}

Gruntfile.js

@@ -58,7 +58,7 @@ module.exports = function (grunt) {
       server: {
         options: {
           protocol: 'https',
-          hostname: '192.168.1.133',
+          hostname: 'localhost',
           port: 8080,
           open: true,
           keepalive: true

js/modules/webrtc/qbWebRTCClient.js

@@ -11,6 +11,7 @@
  * - onStopCallListener(session, userID, extension)
  * - onUpdateCallListener(session, userID, extension)
  */
+'use strict';
 
 var WebRTCSession = require('./qbWebRTCSession');
 var WebRTCSignalingProcessor = require('./qbWebRTCSignalingProcessor');
@@ -41,6 +42,63 @@ function WebRTCClient(service, connection) {
   this.sessions = {};
 }
 
+/**
+ * [function description]
+ * @param  {[string]} spec [specify what type of devices you wnat to get.
+ *                         Possible values: audioinput, audiooutput,  videoinput]
+ * @return {[array]}       [array of devices]
+ */
+WebRTCClient.prototype.getMediaDevices = function(spec) {
+    var specDevices = [],
+        errMsg = 'Selection of camera is unavailable.';
+
+    return new Promise(function(resolve, reject) {
+        if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
+            reject(errMsg);
+            Helpers.traceWarning(errMsg);
+        } else {
+            navigator.mediaDevices.enumerateDevices().then(function(devices) {
+                if(spec) {
+                    devices.forEach(function(device, i) {
+                        if(device.kind === spec) {
+                            specDevices.push(device);
+                        }
+                    });
+
+                    resolve(specDevices);
+                } else {
+                    resolve(devices);
+                }
+            });
+        }
+    });
+};
+
+// WebRTCClient.getOutputDevices = function(callback) {
+//
+//   return new Promise(function() {
+//
+//         devices.forEach(function(device, i) {
+//           if(device.kind === 'videoinput') {
+//             /** If user don't share device, device.label will be empty */
+//             if(device.label === '') {
+//               device.name = 'Camera #' + index;
+//               ++index;
+//             }
+//             avaibleDevices.push(device);
+//           }
+//         });
+//
+//         callback(avaibleDevices, null);
+//       })
+//       .catch(function(error) {
+//         Helpers.traceError(error.name + ": " + error.message);
+//
+//         callback(null, err);
+//       });
+//   });
+// };
+
 /**
  * A map with all sessions the user had/have.
  * @type {Object.<string, Object>}

js/modules/webrtc/qbWebRTCHelpers.js

@@ -76,4 +76,4 @@ WebRTCHelpers.CallType = {
   AUDIO: 2
 };
 
-module.exports = WebRTCHelpers;
+module.exports = WebRTCHelpers;

quickblox.min.js

@@ -225,7 +225,7 @@ <h4 class="caller__name">
                 </div>
 
                 <div class="caller__frames_fl">
-                    <select class="caller__frames_fl_select j-filter">
+                    <select class="qb-select j-filter">
                         <option value="no">No Filter</option>
                         <option value="_1977">1977</option>
                         <option value="inkwell">inkwell</option>
@@ -236,6 +236,11 @@ <h4 class="caller__name">
                         <option value="walden">walden</option>
                     </select>
                 </div>
+
+                <div class="caller__frames_source">
+                    <select class="qb-select j-source invisible">
+                    </select>
+                </div>
             </div>
         </div>
     </script>

samples/webrtc/index.html

@@ -11,7 +11,8 @@
 
         var ui = {
             'income_call': '#income_call',
-            'filterSelect': '.j-filter'
+            'filterSelect': '.j-filter',
+            'sourceFilter': '.j-source'
         };
 
         var call = {
@@ -110,6 +111,16 @@
                 var framesTpl =  _.template( $('#frames_tpl').html() );
                 $('.j-board').append( framesTpl({'nameUser': app.caller.full_name}));
 
+                QB.webrtc.getMediaDevices('videoinput').then(function(devices) {
+                    if(devices.length > 1) {
+                        var $select = $('.j-source');
+
+                        $select.removeClass('invisible');
+                    }
+                }).catch(function(error) {
+                    console.warn('getMediaDevices', error);
+                });
+
                 app.helpers.setFooterPosition();
             }
         });

samples/webrtc/js/app.js

@@ -36,6 +36,16 @@ b {
     font-weight: 700;
 }
 
+.qb-select {
+    width: 100%;
+    padding: 6px;
+
+    border: 1px solid #cdcdcd;
+    border-radius: 3px;
+
+    outline: none;
+}
+
 .qb-video {
     position: relative;
     padding: 0 0 75% 0; /* 4:3 */
@@ -538,16 +548,6 @@ b {
     margin: 30px 0 10px 0;
 }
 
-.caller__frames_fl_select {
-    width: 100%;
-    padding: 6px;
-
-    border: 1px solid #cdcdcd;
-    border-radius: 3px;
-
-    outline: none;
-}
-
 /**
  * MAIN VIDEO
  */