Guest User

callus html

a guest
Apr 5th, 2019
302
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.13 KB | None | 0 0
  1.  
  2. <html>
  3.     <head>
  4.         <title>Sync Livestream</title>
  5.         <script type="text/javascript" src="callus.js"></script>
  6.         <style type="text/css">
  7.         #callus{
  8.         --call-us-form-header-background: #007bc7;  //Primary Color
  9.         --call-us-header-text-color: #ffffff;                    //Secondary Color
  10.         position: fixed;
  11.         bottom: 20px;
  12.         right: 6px;
  13.         }
  14.         body {
  15.           margin: 0;
  16.           font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  17.         }
  18.         .headline {
  19.           padding: 30px;
  20.         }
  21.         .head {
  22.           background: #003772;
  23.           text-align: center;
  24.         }
  25.         .red {
  26.          color: #e41c44;
  27.         }
  28.         .white {
  29.          color: white;
  30.         }
  31.         .livevideo {
  32.           width: 60%;
  33.           margin: 0 auto;
  34.           display: block;
  35.         }
  36.         </style>
  37.     </head>
  38.     <body>
  39.           <div class="head">
  40.             <h1 class="headline"><b class="white">My </b><b class="red">| Livestream</b></h1>
  41.           </div>
  42.           <video class="livevideo" id="my-video" controls autoplay="true"><b class="red">Dieser Browser wird nicht unterstuetzt</b></video>
  43.           <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
  44.           <script>
  45.           if ( Hls.isSupported() ) {
  46.             var video = document.getElementById('my-video');
  47.             var hls = new Hls();
  48.             hls.loadSource('sync.m3u8');
  49.             hls.attachMedia(video);
  50.             hls.on(Hls.Events.MANIFEST_PARSED, function(event, data) {
  51.               console.log("manifest loaded, found " + data.levels.length + " quality level");
  52.               video.play();
  53.             });
  54.           }
  55.         </script>
  56.         <call-us id="callus" phonesystem-url="https://voip.xxxx"
  57.                party="click2talk619135"
  58.                minimized="false"
  59.                allow-call="false"
  60.                allow-video="false"
  61.                authentication="name">
  62.         </call-us>
  63.     </body>
  64. </html>
Advertisement
Add Comment
Please, Sign In to add comment