@flashphoner/websdk 2.0.209 → 2.0.210

package/examples/demo/streaming/stream_recording/recording.js

@@ -40,12 +40,6 @@ function publishBtnClick() {
         $(this).prop('disabled', true);
         $('#url').prop('disabled', true);
         $("#downloadDiv").hide();
-        if (Browser.isSafariWebRTC()) {
-            Flashphoner.playFirstVideo(localVideo, true, PRELOADER_URL).then(function() {
-                startRecording();
-            });
-            return;
-        }
         startRecording();
     }
 }

package/examples/demo/streaming/streamer/streamer.js

@@ -40,14 +40,6 @@ function onStopped() {
 
 function publishBtnClick() {
     $(this).prop('disabled', true);
-    if (Browser.isSafariWebRTC()) {
-        Flashphoner.playFirstVideo(localVideo, true, PRELOADER_URL).then(function() {
-            Flashphoner.playFirstVideo(remoteVideo, false, PRELOADER_URL).then(function() {
-                start();
-            });
-        });
-        return;
-    }
     start();
 }
 

package/examples/demo/streaming/two_way_streaming/two_way_streaming.js

@@ -103,12 +103,6 @@ function publishBtnClick() {
     if (validateForm("streamerForm")) {
         $('#publishStream').prop('disabled', true);
         $(this).prop('disabled', true);
-        if (Browser.isSafariWebRTC()) {
-            Flashphoner.playFirstVideo(localVideo, true, PRELOADER_URL).then(function() {
-                publishStream();
-            });
-            return;
-        }
         publishStream();
     }
 }
@@ -145,11 +139,6 @@ function playBtnClick() {
         $(this).prop('disabled', true);
         if (Flashphoner.getMediaProviders()[0] === "WSPlayer") {
             Flashphoner.playFirstSound();
-        } else if (Browser.isSafariWebRTC() || Flashphoner.getMediaProviders()[0] === "MSE") {
-            Flashphoner.playFirstVideo(remoteVideo, false, PRELOADER_URL).then(function () {
-                playStream();
-            });
-            return;
         }
         playStream();
     }

package/examples/demo/streaming/webrtc-as-rtmp-republishing/webrtc-as-rtmp-republishing.js

@@ -43,12 +43,6 @@ function onStopped() {
 function publishBtnClick() {
     if (validateForm()) {
         $(this).prop('disabled', true);
-        if (Browser.isSafariWebRTC()) {
-            Flashphoner.playFirstVideo(localVideo, true, PRELOADER_URL).then(function() {
-                start();
-            });
-            return;
-        }
         start();
     }
 }

package/flashphoner-no-flash.js

@@ -10149,7 +10149,7 @@ var createSession = function createSession(options) {
         mediaProviders: Object.keys(MediaProvider),
         keepAlive: keepAlive,
         authToken: authToken,
-        clientVersion: "2.0.209",
+        clientVersion: "2.0.210",
         clientOSVersion: window.navigator.appVersion,
         clientBrowserVersion: window.navigator.userAgent,
         msePacketizationVersion: 2,
@@ -11293,7 +11293,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
@@ -11302,6 +11302,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
@@ -11413,6 +11414,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;
@@ -11589,7 +11591,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;
 
@@ -13117,7 +13120,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);
@@ -13136,7 +13141,7 @@ var createConnection = function createConnection(options) {
       remoteVideo = getCacheInstance(remoteDisplay);
 
       if (!remoteVideo) {
-        remoteVideo = document.createElement('video');
+        remoteVideo = createVideoElement();
         remoteDisplay.appendChild(remoteVideo);
       }
 
@@ -13161,7 +13166,7 @@ var createConnection = function createConnection(options) {
           if (cachedVideo) {
             remoteVideo = cachedVideo;
           } else {
-            remoteVideo = document.createElement('video');
+            remoteVideo = createVideoElement();
             display.appendChild(remoteVideo);
           }
 
@@ -13225,7 +13230,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
@@ -13994,14 +14004,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
@@ -14377,6 +14385,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