Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Sync Livestream</title>
- <script type="text/javascript" src="callus.js"></script>
- <style type="text/css">
- #callus{
- --call-us-form-header-background: #007bc7; //Primary Color
- --call-us-header-text-color: #ffffff; //Secondary Color
- position: fixed;
- bottom: 20px;
- right: 6px;
- }
- body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- }
- .headline {
- padding: 30px;
- }
- .head {
- background: #003772;
- text-align: center;
- }
- .red {
- color: #e41c44;
- }
- .white {
- color: white;
- }
- .livevideo {
- width: 60%;
- margin: 0 auto;
- display: block;
- }
- </style>
- </head>
- <body>
- <div class="head">
- <h1 class="headline"><b class="white">My </b><b class="red">| Livestream</b></h1>
- </div>
- <video class="livevideo" id="my-video" controls autoplay="true"><b class="red">Dieser Browser wird nicht unterstuetzt</b></video>
- <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
- <script>
- if ( Hls.isSupported() ) {
- var video = document.getElementById('my-video');
- var hls = new Hls();
- hls.loadSource('sync.m3u8');
- hls.attachMedia(video);
- hls.on(Hls.Events.MANIFEST_PARSED, function(event, data) {
- console.log("manifest loaded, found " + data.levels.length + " quality level");
- video.play();
- });
- }
- </script>
- <call-us id="callus" phonesystem-url="https://voip.xxxx"
- party="click2talk619135"
- minimized="false"
- allow-call="false"
- allow-video="false"
- authentication="name">
- </call-us>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment