@flashphoner/websdk 2.0.228 → 2.0.229

package/docTemplate/README.md

@@ -1,4 +1,4 @@
-Web SDK - 2.0.228
+Web SDK - 2.0.229
 
 [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,3 +1,4 @@
+var Browser = Flashphoner.Browser;
 var remoteVideo = null;
 var hlsPlayer = null
 
@@ -29,17 +30,17 @@ function playBtnClick() {
         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();            
             });
+            hlsPlayer.loadSource(videoSrc);
+            hlsPlayer.attachMedia(remoteVideo);
         }
         else {
             $("#notifyFlash").text("Your browser doesn't support MSE technology required to play video");
         }
+        onStarted();            
     }
 }
 
@@ -48,7 +49,8 @@ function getHlsConfig(llHlsEnabled) {
     var config = {
         lowLatencyMode: false,
         enableWorker: true,
-        backBufferLength: 90
+        backBufferLength: 90,
+        manifestLoadingTimeOut: 15000
     };
     if(llHlsEnabled) {
         // Here we configure HLS.JS for lower latency
@@ -61,6 +63,7 @@ function getHlsConfig(llHlsEnabled) {
            liveMaxLatencyDuration: 5,
            liveDurationInfinity: true,
            highBufferWatchdogPeriod: 1,
+           manifestLoadingTimeOut: 15000
         };
     }
     return config;