Add files via upload

ZoyMilton · Oct 1, 2024 · dbde114 · dbde114
1 parent c556cca
commit dbde114
Showing 1 changed file with 88 additions and 0 deletions.
diff --git a/p/upea.htm b/p/upea.htm
@@ -0,0 +1,88 @@
+<!-- Player creada y optimizada por @ZoyMilton @2015 Contacto: +591-60733371  Correo: zoymilton@gmail.com Bolivia web: www.zoymilton.com -->
+
+<!DOCTYPE html>
+<html lang="es">
+    <!-- FAVICON -->
+    <link rel="icon" type="image/png" sizes="72x72" href="../images/favicon.ico" />
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ZoyTV | EN VIVO</title>
+    <script src="https://cdn.jsdelivr.net/npm/@clappr/player@0.8/dist/clappr.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@swarmcloud/hls/p2p-engine.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/clappr-youtube-plugin@latest/dist/clappr-youtube-plugin.min.js"></script> <!-- Plugin de YouTube -->
+    <style>
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+        #player {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+        }
+        .clappr-skin .media-control {
+            border-radius: 10px;
+            background-color: rgba(0, 0, 0, 0.7);
+        }
+        #logo {
+            position: absolute;
+            top: 47px;
+            left: 120px;
+            z-index: 9999;
+            width: 100px; /* Ajusta el tamaño del logo */
+        }
+    </style>
+</head>
+<body>
+    <div id="player"></div>
+    <img id="logo" src="../images/logo-zoytv.png" alt="Logo"> <!-- Agrega la URL de tu logo -->
+    <script>
+        // URL de reproducción, cambia según lo que desees reproducir
+        var playbackURL = "https://tvstream.upea.bo/hls/oSs0jSWumTFIIVY97559.m3u8?ZoyMilton"; // HLS por defecto
+        // playbackURL = "https://www.youtube.com/watch?v=tu_video_id"; // Ejemplo de YouTube 
+        // playbackURL = "URL_DE_TU_STREAM_DE_FACEBOOK"; // Ejemplo de Facebook Live HLS
+
+        var p2pConfig = {
+            live: true,
+            trackerZone: 'bo',
+        };
+
+        P2PEngineHls.tryRegisterServiceWorker(p2pConfig).then(() => {
+            var player = new Clappr.Player({
+                source: playbackURL,
+                parentId: "#player",
+                poster: '../images/portada.png', // Agrega la URL de tu poster
+                width: '100%',
+                height: '100%',
+                autoPlay: true,
+                plugins: [Clappr.YoutubePlugin], // Agregar el plugin de YouTube
+                youtubePlugin: {
+                    // Opciones del plugin de YouTube
+                    mute: false,
+                    autoplay: true
+                }
+            });
+
+            // Solo inicializar P2P para HLS, no para YouTube
+            if (playbackURL.endsWith(".m3u8")) {
+                p2pConfig.hlsjsInstance = player.core.getCurrentPlayback()?._hls;
+                var engine = new P2PEngineHls(p2pConfig);
+            }
+        });
+    </script>
+    <script type="text/javascript">
+        !function(){try{var t=["sandbox","hasAttribute","frameElement","data","indexOf","href","domain","","plugins","undefined","namedItem","object","createElement","onerror","type","application/pdf","setAttribute","style","visibility:hidden;width:0;height:0;position:absolute;top:-99px;","appendChild","body","removeChild","parentElement","substring","referrer"];function e(){try{if(config.ampallow){var e=window.location.ancestorOrigins;if(e[e.length-1].endsWith("google.com"))return}}catch(n){}setTimeout(function(){location[t[5]]=""},500)}!function e(n){try{if(window[t[2]][t[1]](t[0])){n();return}}catch(r){}if(0!=location[t[5]][t[4]](t[3])&&document[t[6]]==t[7]){n();return}if(typeof navigator[t[8]]!=t[9]&&typeof navigator[t[8]][t[10]]!=t[9]&&null!=navigator[t[8]][t[10]](t[11])){var i=document[t[13]](t[12]);i[t[14]]=function(){n()},i[t[17]](t[15],t[16]),i[t[17]](t[18],t[19]),i[t[17]](t[3],t[20]),document[t[22]][t[21]](i),setTimeout(function(){i[t[24]][t[23]](i)},150)}}(e),function t(){try{document.domain=document.domain}catch(e){try{if(-1!=e.toString().toLowerCase().indexOf("sandbox"))return!0}catch(n){}}return!1}()&&e(),function t(){if(window.parent===window)return!1;try{var e=window.frameElement}catch(n){e=null}return null===e?""===document.domain&&"data:"!==location.protocol:e.hasAttribute("sandbox")}()&&e()}catch(n){}}();
+    </script>
+</body>
+</html>
+
+
+
+
+<!-- Player creada y optimizada por @ZoyMilton @2015 Contacto: +591-60733371  Correo: zoymilton@gmail.com Bolivia web: www.zoymilton.com -->