@flashphoner/websdk 2.0.228 → 2.0.230

package/docTemplate/README.md

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

package/examples/demo/dependencies/js/utils.js

@@ -202,3 +202,42 @@ function downScaleToFitSize(videoWidth, videoHeight, dstWidth, dstHeight) {
         h: newHeight
     };
 }
+
+function setWebkitFullscreenHandlers(video) {
+    if (video) {
+        let needRestart = false;
+        // iOS hack when using standard controls to leave fullscreen mode
+        video.addEventListener("pause", function () {
+            if (needRestart) {
+                console.log("Video paused after fullscreen, continue...");
+                video.play();
+                needRestart = false;
+            }
+        });
+        video.addEventListener("webkitendfullscreen", function () {
+            video.play();
+            needRestart = true;
+        });                
+        // Start playback in fullscreen if webkit-playsinline is set
+        video.addEventListener("playing", function () {
+            if (canWebkitFullScreen(video)) {
+                // After pausing and resuming the video tag may be in invalid state
+                try {
+                    video.webkitEnterFullscreen();
+                } catch (e) {
+                    console.log("Fullscreen is not allowed: " + e);
+                }
+            }
+        });
+    } else {
+        console.log("No video tag is passed, skip webkit fullscreen handlers setup");
+    }
+}
+
+function canWebkitFullScreen(video) {
+    let canFullscreen = false;
+    if (video) {
+        canFullscreen = video.webkitSupportsFullscreen && !video.webkitDisplayingFullscreen && !document.webkitFullscreenElement;
+    }
+    return canFullscreen;
+}

package/examples/demo/streaming/hls-js-player/hls-js-player.html

@@ -6,6 +6,7 @@
     <link rel="stylesheet" href="../../dependencies/bootstrap/css/bootstrap.css">
     <link rel="stylesheet" href="hls-js-player.css">
     <title>HLS.JS Player Minimal</title>
+    <script type="text/javascript" src="../../../../flashphoner.js"></script>
     <script type="text/javascript" src="hls.min.js"></script>
     <script type="text/javascript" src="../../dependencies/jquery/jquery-1.12.0.js"></script>
     <script type="text/javascript" src="../../dependencies/jquery/jquery-ui.js"></script>

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

@@ -1,5 +1,6 @@
+var Browser = Flashphoner.Browser;
 var remoteVideo = null;
-var hlsPlayer = null
+var hlsPlayer = null;
 
 function loadPlayerPage() {
     $("#playerPage").load("../hls-player/player-page.html", initPage );
@@ -8,7 +9,13 @@ function loadPlayerPage() {
 function initPage() {
     $("#header").text("HLS.JS Player Minimal");
     $("#urlServer").val(getHLSUrl());
-    $("#applyBtn").prop('disabled', false).text("Play").off('click').click(playBtnClick);
+    $("#applyBtn").prop('disabled', true).text("Play").off('click').click(playBtnClick);
+    if (Hls.isSupported()) {
+        console.log("Using HLS.JS " + Hls.version);
+        $("#applyBtn").prop('disabled', false);
+    } else {
+        $("#notifyFlash").text("Your browser doesn't support MSE technology required to play video");
+    }
     remoteVideo = document.getElementById('remoteVideo');
     remoteVideo.style ="background-color: lightgrey;";
     $('#llHlsMode').show();
@@ -26,20 +33,14 @@ function playBtnClick() {
         if (key.length > 0 && token.length > 0) {
             videoSrc += "?" + key + "=" + token;
         }
-        if (Hls.isSupported()) {
-            console.log("Low Latency HLS: "+llHlsEnabled)
-            hlsPlayer = new Hls(getHlsConfig(llHlsEnabled));
-            hlsPlayer.loadSource(videoSrc);
-            hlsPlayer.attachMedia(remoteVideo);
-            hlsPlayer.on(Hls.Events.MANIFEST_PARSED, function() {
-                console.log("Play with HLS.js");
-                remoteVideo.play();
-                onStarted();            
-            });
-        }
-        else {
-            $("#notifyFlash").text("Your browser doesn't support MSE technology required to play video");
-        }
+        hlsPlayer = new Hls(getHlsConfig(llHlsEnabled));
+        hlsPlayer.on(Hls.Events.MANIFEST_PARSED, function() {
+            console.log("Play with HLS.js");
+            remoteVideo.play();
+        });
+        hlsPlayer.loadSource(videoSrc);
+        hlsPlayer.attachMedia(remoteVideo);
+        onStarted();            
     }
 }
 
@@ -48,8 +49,10 @@ function getHlsConfig(llHlsEnabled) {
     var config = {
         lowLatencyMode: false,
         enableWorker: true,
-        backBufferLength: 90
+        backBufferLength: 90,
+        manifestLoadingTimeOut: 15000
     };
+    console.log("Low Latency HLS: "+llHlsEnabled)
     if(llHlsEnabled) {
         // Here we configure HLS.JS for lower latency
         config = {
@@ -61,6 +64,7 @@ function getHlsConfig(llHlsEnabled) {
            liveMaxLatencyDuration: 5,
            liveDurationInfinity: true,
            highBufferWatchdogPeriod: 1,
+           manifestLoadingTimeOut: 15000
         };
     }
     return config;