@flashphoner/websdk 2.0.206 → 2.0.210

package/flashphoner-webrtc-only.js

@@ -371,7 +371,7 @@ process.umask = function () {
 
 },{}],4:[function(require,module,exports){
 (function (setImmediate){(function (){
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 (function (root) {
   // Store setTimeout reference so promise-polyfill will be unaffected by
@@ -2434,7 +2434,7 @@ module.exports = function (window, edgeVersion) {
 /* eslint-env node */
 'use strict'; // SDP helpers.
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 var SDPUtils = {}; // Generate an alphanumeric identifier for cname or mids.
 // TODO: use UUIDs instead? https://gist.github.com/jed/982883
@@ -4467,7 +4467,7 @@ function adapterFactory() {
 /* eslint-env node */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -5392,7 +5392,7 @@ function shimGetDisplayMedia(window, getSourceId) {
 /* eslint-env node */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -5651,7 +5651,7 @@ function shimGetUserMedia(window, browserDetails) {
 /* eslint-env node */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6400,7 +6400,7 @@ function shimGetUserMedia(window) {
 /* eslint-env node */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6853,7 +6853,7 @@ function shimGetDisplayMedia(window, preferredMediaSource) {
 /* eslint-env node */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6955,7 +6955,7 @@ function shimGetUserMedia(window, browserDetails) {
  */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7406,7 +7406,7 @@ function shimAudioContext(window) {
 /* eslint-env node */
 'use strict';
 
-function _typeof2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8443,7 +8443,7 @@ module.exports = constants;
 },{}],39:[function(require,module,exports){
 'use strict';
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 var _require = require('uuid'),
     uuid_v1 = _require.v1;
@@ -8898,6 +8898,9 @@ var getSession = function getSession(id) {
  * @param {Object=} options.sipOptions Sip configuration
  * @param {Object=} options.mediaOptions Media connection configuration
  * @param {Integer=} options.timeout Connection timeout in milliseconds
+ * @param {Integer=} options.pingInterval Server ping interval in milliseconds [0]
+ * @param {Integer=} options.receiveProbes A maximum subsequental pings received missing count [0]
+ * @param {Integer=} options.probesInterval Interval to check subsequental pings received [0]
  * @returns {Session} Created session
  * @throws {Error} Error if API is not initialized
  * @throws {TypeError} Error if options.urlServer is not specified
@@ -8924,6 +8927,8 @@ var createSession = function createSession(options) {
   var mediaOptions = options.mediaOptions;
   var keepAlive = options.keepAlive;
   var timeout = options.timeout;
+  var wsPingSender = new WSPingSender(options.pingInterval || 0);
+  var wsPingReceiver = new WSPingReceiver(options.receiveProbes || 0, options.probesInterval || 0);
   var connectionTimeout;
   var cConfig; //SIP config
 
@@ -9041,7 +9046,7 @@ var createSession = function createSession(options) {
         mediaProviders: Object.keys(MediaProvider),
         keepAlive: keepAlive,
         authToken: authToken,
-        clientVersion: "2.0.206",
+        clientVersion: "2.0.210",
         clientOSVersion: window.navigator.appVersion,
         clientBrowserVersion: window.navigator.userAgent,
         msePacketizationVersion: 2,
@@ -9054,7 +9059,11 @@ var createSession = function createSession(options) {
 
 
       send("connection", cConfig);
-      logger.setConnection(wsConnection);
+      logger.setConnection(wsConnection); // Send ping messages to server to check if connection is still alive #WCS-3410
+
+      wsPingSender.start(); // Check subsequintel pings received from server to check if connection is still alive #WCS-3410
+
+      wsPingReceiver.start();
     };
 
     wsConnection.onmessage = function (event) {
@@ -9070,6 +9079,7 @@ var createSession = function createSession(options) {
       switch (data.message) {
         case 'ping':
           send("pong", null);
+          wsPingReceiver.success();
           break;
 
         case 'getUserData':
@@ -9229,7 +9239,11 @@ var createSession = function createSession(options) {
     sessionStatus = newStatus;
 
     if (sessionStatus == SESSION_STATUS.DISCONNECTED || sessionStatus == SESSION_STATUS.FAILED) {
-      //remove streams
+      // Stop pinging server #WCS-3410
+      wsPingSender.stop(); // Stop checking pings received #WCS-3410
+
+      wsPingReceiver.stop(); //remove streams
+
       for (var prop in streamRefreshHandlers) {
         if (streamRefreshHandlers.hasOwnProperty(prop) && typeof streamRefreshHandlers[prop] === 'function') {
           streamRefreshHandlers[prop]({
@@ -9245,6 +9259,73 @@ var createSession = function createSession(options) {
     if (callbacks[sessionStatus]) {
       callbacks[sessionStatus](session, obj);
     }
+  } // Websocket periodic ping sender
+
+
+  function WSPingSender(interval) {
+    this.interval = interval || 0;
+    this.intervalId = null;
+
+    this.start = function () {
+      if (this.interval > 0) {
+        this.intervalId = setInterval(function () {
+          send("ping", null);
+        }, this.interval);
+      }
+    };
+
+    this.stop = function () {
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+      }
+    };
+
+    return this;
+  } // Websocket ping receive prober
+
+
+  function WSPingReceiver(receiveProbes, probesInterval) {
+    this.maxPings = receiveProbes || 0;
+    this.interval = probesInterval || 0;
+    this.intervalId = null;
+    this.pingsMissing = 0;
+
+    this.start = function () {
+      if (this.maxPings > 0 && this.interval > 0) {
+        var receiver = this;
+        this.intervalId = setInterval(function () {
+          receiver.checkPingsReceived();
+        }, this.interval);
+      }
+    };
+
+    this.stop = function () {
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+      }
+
+      this.pingsMissing = 0;
+    };
+
+    this.checkPingsReceived = function () {
+      this.pingsMissing++;
+
+      if (this.pingsMissing >= this.maxPings) {
+        this.failure();
+      }
+    };
+
+    this.success = function () {
+      this.pingsMissing = 0;
+    };
+
+    this.failure = function () {
+      logger.info(LOG_PREFIX, "Missing " + this.pingsMissing + " pings from server, connection seems to be down");
+      onSessionStatusChange(SESSION_STATUS.FAILED);
+      wsConnection.close();
+    };
+
+    return this;
   }
   /**
    * @callback sdpHook
@@ -10109,7 +10190,7 @@ var createSession = function createSession(options) {
    * @param {HTMLElement} options.display Div element stream should be displayed in
    * @param {Object=} options.custom User provided custom object that will be available in REST App code
    * @param {Integer} [options.flashBufferTime=0] Specifies how long to buffer messages before starting to display the stream (Flash-only)
-   * @param {String=} options.stripCodecs Comma separated string of codecs which should be stripped from WebRTC SDP (ex. "H264,PCMA,PCMU,G722")
+   * @param {string=} options.stripCodecs Comma separated string of codecs which should be stripped from WebRTC SDP (ex. "H264,PCMA,PCMU,G722")
    * @param {string=} options.rtmpUrl Rtmp url stream should be forwarded to
    * @param {Object=} options.mediaConnectionConstraints Stream specific constraints for underlying RTCPeerConnection
    * @param {Boolean=} options.flashShowFullScreenButton Show full screen button in flash
@@ -10118,6 +10199,7 @@ var createSession = function createSession(options) {
    * @param {Integer=} options.playoutDelay Time delay between network reception of media and playout
    * @param {string=} options.useCanvasMediaStream EXPERIMENTAL: when publish bind browser's media stream to the canvas. It can be useful for image filtering
    * @param {string=} options.videoContentHint Video content hint for browser ('detail' by default to maintain resolution), {@link Flashphoner.constants.CONTENT_HINT_TYPE}
+   * @param {Boolean=} options.unmutePlayOnStart Unmute playback on start. May be used after user gesture only, so set 'unmutePlayOnStart: false' for autoplay
    * @param {sdpHook} sdpHook The callback that handles sdp from the server
    * @returns {Stream} Stream
    * @throws {TypeError} Error if no options provided
@@ -10229,6 +10311,7 @@ var createSession = function createSession(options) {
     var playoutDelay = options.playoutDelay;
     var useCanvasMediaStream = options.useCanvasMediaStream;
     var videoContentHint = options.videoContentHint;
+    var unmutePlayOnStart = options.unmutePlayOnStart;
     var audioState_;
     var videoState_;
     var connectionQuality;
@@ -10405,7 +10488,8 @@ var createSession = function createSession(options) {
         connectionConstraints: mediaConnectionConstraints,
         audioOutputId: audioOutputId,
         remoteVideo: remoteVideo,
-        playoutDelay: playoutDelay
+        playoutDelay: playoutDelay,
+        unmutePlayOnStart: unmutePlayOnStart
       }, streamRefreshHandlers[id_]).then(function (newConnection) {
         mediaConnection = newConnection;
 
@@ -11859,7 +11943,7 @@ module.exports = {
 },{}],41:[function(require,module,exports){
 'use strict';
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 var browserDetails = require('webrtc-adapter')["default"].browserDetails;
 
@@ -11923,7 +12007,9 @@ var createConnection = function createConnection(options) {
     var screenShare = false;
     var playoutDelay = options.playoutDelay; // Set video track contentHint to `detail` by default to workaround Chromium 91 bug #WCS-3257
 
-    var videoContentHint = options.videoContentHint ? options.videoContentHint : 'detail';
+    var videoContentHint = options.videoContentHint ? options.videoContentHint : 'detail'; // Pass the option to unmute automatically (true by default) #WCS-2425
+
+    var unmutePlayOnStart = options.unmutePlayOnStart !== undefined ? options.unmutePlayOnStart : true;
 
     if (bidirectional) {
       localVideo = getCacheInstance(localDisplay);
@@ -11942,7 +12028,7 @@ var createConnection = function createConnection(options) {
       remoteVideo = getCacheInstance(remoteDisplay);
 
       if (!remoteVideo) {
-        remoteVideo = document.createElement('video');
+        remoteVideo = createVideoElement();
         remoteDisplay.appendChild(remoteVideo);
       }
 
@@ -11967,7 +12053,7 @@ var createConnection = function createConnection(options) {
           if (cachedVideo) {
             remoteVideo = cachedVideo;
           } else {
-            remoteVideo = document.createElement('video');
+            remoteVideo = createVideoElement();
             display.appendChild(remoteVideo);
           }
 
@@ -12031,7 +12117,12 @@ var createConnection = function createConnection(options) {
 
         remoteVideo.onloadedmetadata = function (e) {
           if (remoteVideo) {
-            remoteVideo.play()["catch"](function (e) {
+            remoteVideo.play().then(function () {
+              // Automatically unmute video if needed #WCS-2425
+              if (unmutePlayOnStart) {
+                remoteVideo.muted = false;
+              }
+            })["catch"](function (e) {
               if (validBrowsers.includes(browserDetails.browser)) {
                 //WCS-1698. fixed autoplay in chromium based browsers
                 //WCS-2375. fixed autoplay in ios safari
@@ -12346,7 +12437,7 @@ var createConnection = function createConnection(options) {
                   if (report.type == 'outbound-rtp') {
                     fillStatObject(result.outboundStream, report);
 
-                    if (report.mediaType == 'video') {
+                    if (report.mediaType == 'video' && localVideo != undefined && localVideo != null) {
                       var vSettings = localVideo.srcObject.getVideoTracks()[0].getSettings();
                       result.outboundStream[report.mediaType].height = vSettings.height;
                       result.outboundStream[report.mediaType].width = vSettings.width;
@@ -12354,7 +12445,7 @@ var createConnection = function createConnection(options) {
                   } else if (report.type == 'inbound-rtp') {
                     fillStatObject(result.inboundStream, report);
 
-                    if (report.mediaType == 'video' && remoteVideo != undefined) {
+                    if (report.mediaType == 'video' && remoteVideo != undefined && remoteVideo != null) {
                       result.inboundStream[report.mediaType].height = remoteVideo.videoHeight;
                       result.inboundStream[report.mediaType].width = remoteVideo.videoWidth;
                     }
@@ -12527,7 +12618,7 @@ var createConnection = function createConnection(options) {
             clonedConstraints.video.mediaSource = source;
           }
 
-          if (window.chrome && woExtension) {
+          if (woExtension) {
             getScreenDeviceIdWoExtension(clonedConstraints).then(function (screenSharingConstraints) {
               navigator.mediaDevices.getDisplayMedia(screenSharingConstraints).then(function (stream) {
                 processScreenStream(stream, resolve);
@@ -12800,14 +12891,12 @@ var loadOrdinaryVideo = function loadOrdinaryVideo(display, stream, screenShare,
   var vEl = video;
 
   if (!vEl) {
-    vEl = document.createElement('video');
+    vEl = createVideoElement();
     display.appendChild(vEl);
   }
 
   vEl.id = uuid_v1() + LOCAL_CACHED_VIDEO;
-  vEl.srcObject = stream; //mute audio
-
-  vEl.muted = true;
+  vEl.srcObject = stream;
 
   vEl.onloadedmetadata = function (e) {
     //WCS-2751 Add screen capture using getDisplayMedia in Safari
@@ -13183,6 +13272,19 @@ function getCacheInstance(display) {
   }
 }
 
+function createVideoElement() {
+  var video = document.createElement('video'); // Prepare video tag to auto play and add specific Safari tweaks #WCS-2425
+
+  video.muted = true;
+
+  if (util.Browser.isSafariWebRTC()) {
+    video.setAttribute("playsinline", "");
+    video.setAttribute("webkit-playsinline", "");
+  }
+
+  return video;
+}
+
 function removeVideoElement(video) {
   if (video.srcObject) {
     //pause