@flashphoner/websdk 2.0.240 → 2.0.241

package/docTemplate/README.md

@@ -1,4 +1,4 @@
-Web SDK - 2.0.240
+Web SDK - 2.0.241
 
 [Download builds](https://docs.flashphoner.com/display/WEBSDK2EN/Web+SDK+release+notes)
 

package/examples/demo/streaming/embed_player/player.js

@@ -167,6 +167,8 @@ function playStream(session) {
             console.log("Not enough bandwidth, consider using lower video resolution or bitrate. Bandwidth " + (Math.round(networkBandwidth / 1000)) + " bitrate " + (Math.round(remoteBitrate / 1000)));
         } else if (STREAM_EVENT_TYPE.RESIZE === streamEvent.type) {
             console.log("New video size: " + streamEvent.payload.streamerVideoWidth + "x" + streamEvent.payload.streamerVideoHeight);
+        } else if (STREAM_EVENT_TYPE.UNMUTE_REQUIRED === streamEvent.type) {
+            console.log("Stream is muted by autoplay policy, user action required to unmute");
         }
     });
     playingStream.play();

package/examples/demo/streaming/player/player.html

@@ -54,6 +54,14 @@
                         <div id="volumeControl" style="margin-top: 12px"></div>
                     </div>
                 </div>
+                <div id="unmute" class="form-group">
+                    <label class="col-sm-2 control-label">Unmute</label>
+                    <div class="col-sm-1">
+                        <button type="button" class="btn btn-default btn-sm" id="unmuteBtn">
+                            <span class="glyphicon glyphicon-volume-off"></span>
+                        </button>
+                    </div>
+                </div>
                 <div id="fullScreen" class="form-group">
                     <label class="col-sm-2 control-label">Full Screen</label>
                     <div class="col-sm-1" >

package/examples/demo/streaming/player/player.js

@@ -44,12 +44,8 @@ function init_page() {
         step: 10,
         animate: true,
         slide: function(event, ui) {
-            //WCS-2375. fixed autoplay in ios safari
-            if (stream.isRemoteAudioMuted()) {
-                stream.unmuteRemoteAudio();
-            }
             currentVolumeValue = ui.value;
-            stream.setVolume(currentVolumeValue);
+            setStreamVolume(stream, currentVolumeValue);
         }
     }).slider("disable");
     onStopped();
@@ -87,6 +83,8 @@ function onStopped() {
     $("#volumeControl").slider("disable");
     $("#fullScreenBtn").prop('disabled', true);
     $("#preloader").hide();
+    $("#unmuteBtn").off('click').click(unmuteBtnClick);
+    $("#unmute").hide();
 }
 
 function playBtnClick() {
@@ -108,6 +106,11 @@ function playBtnClick() {
     }
 }
 
+function unmuteBtnClick() {
+    setStreamVolume(stream, currentVolumeValue)
+    $("#volumeControl").slider('value', currentVolumeValue);
+}
+
 function start() {
     var url = $('#url').val();
     //check if we already have session
@@ -200,6 +203,14 @@ function playStream(session) {
             video.addEventListener("playing", function () {
                 $("#preloader").hide();
             });
+            // Hide unmute button
+            video.addEventListener("volumechange", function () {
+                if (video.muted) {
+                    $("#unmute").show();
+                } else {
+                    $("#unmute").hide();
+                }
+            });
         }
     }).on(STREAM_STATUS.PLAYING, function (stream) {
         // Android Firefox may pause stream playback via MSE even if video element is muted
@@ -225,8 +236,10 @@ function playStream(session) {
             console.log("Not enough bandwidth, consider using lower video resolution or bitrate. Bandwidth " + (Math.round(networkBandwidth / 1000)) + " bitrate " + (Math.round(remoteBitrate / 1000)));
         } else if (STREAM_EVENT_TYPE.RESIZE === streamEvent.type) {
             console.log("New video size: " + streamEvent.payload.streamerVideoWidth + "x" + streamEvent.payload.streamerVideoHeight);
+        } else if (STREAM_EVENT_TYPE.UNMUTE_REQUIRED === streamEvent.type) {
+            console.log("Stream is muted by autoplay policy, user action required to unmute");
+            $("#unmute").show();
         }
-
     });
     stream.play();
 }
@@ -249,6 +262,15 @@ function setStatus(status, stream) {
     }
 }
 
+function setStreamVolume(stream, currentVolumeValue) {
+    if (stream) {
+        if (stream.isRemoteAudioMuted()) {
+            stream.unmuteRemoteAudio();
+        }
+        stream.setVolume(currentVolumeValue);
+    }
+}
+
 function validateForm() {
     var valid = true;
     $('#form :text').each(function(){