actualizacion

22217141 · Cristian Mauricio Diaz Canales · 5e35af97 · 22217141
Commit 22217141 authored Aug 15, 2019 by Cristian Mauricio Diaz Canales 💬
Hide whitespace changes
Inline Side-by-side

Showing with 39 additions and 3 deletions

templates/test/index.html.twig templates/test/index.html.twig +39 -3

No files found.
--- a/templates/test/index.html.twig
+++ b/templates/test/index.html.twig
-<video width="352" height="198" controls>
-    <source src="{{path('get_video',{'key' : '0908978'})}}" type="application/x-mpegURL">
-</video>
+<html lang="en">
+    <head>
+        <meta charset=utf-8/>
+    </head>
+    <body>
+        {#<div id='player'>
+            <video width="352" height="288" src="http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8" controls autoplay>
+            </video>
+        </div>#}
+        <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
+        <!-- Or if you want a more recent canary version -->
+        <!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> -->
+        <video id="video"></video>
+        <script>
+            var video = document.getElementById('video');
+            if (Hls.isSupported()) {
+                var hls = new Hls();
+                hls.loadSource('http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8');
+                hls.attachMedia(video);
+                hls.on(Hls.Events.MANIFEST_PARSED, function () {
+                    video.play();
+                });
+            }
+            // hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.
+            // When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element through the `src` property.
+            // This is using the built-in support of the plain video element, without using hls.js.
+            // Note: it would be more normal to wait on the 'canplay' event below however on Safari (where you are most likely to find built-in HLS support) the video.src URL must be on the user-driven
+            // white-list before a 'canplay' event will be emitted; the last video event that can be reliably listened-for when the URL is not on the white-list is 'loadedmetadata'.
+            else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+                video.src = 'http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8';
+                video.addEventListener('loadedmetadata', function () {
+                    video.play();
+                });
+            }
+        </script>    
+    </body>
+
+
+</html>