<script src="/whitelist-domain.js" ></script><!DOCTYPE html>
<html>
<head>
    <script src="//cdn.jsdelivr.net/npm/@clappr/player@0.8/dist/clappr.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="https://embedme.top/hlsjs-playback.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/@swarmcloud/hls/p2p-engine.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://streamtp2.com/cssm.css">
    <style>
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden
        }

        #player {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .sound-button {
            position: absolute;
            top: 10px;
            left: 10px;
            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff0;
            border: 2px solid #e74c3c;
            border-radius: .6em;
            color: #e74c3c;
            cursor: pointer;
            display: flex;
            align-self: center;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            margin: 20px;
            padding: 1em 1em;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-family: "Montserrat",sans-serif;
            font-weight: 700;
            min-width: 100px;
            max-width: 250px
        }

            .sound-button:hover, .btn:focus {
                color: #fff;
                outline: 0
            }

        .btn-effect {
            border-color: #3498db;
            color: #fff;
            box-shadow: 0 0 40px 40px #3498db inset,0 0 0 0 #3498db;
            transition: all 150ms ease-in-out
        }

            .btn-effect:hover {
                box-shadow: 0 0 10px 0 #3498db inset,0 0 10px 4px #3498db
            }
    </style>
</head>
<body>
    <div id="player"></div>
    <button class="sound-button btn-effect" id="soundButton" onclick="unmutePlayer();">Click To Activate Sound</button>
    <script>var playbackURL = "https://t5.ultrastream.vip/KHL/index.m3u8"; var player; var p2pConfig = { trackerZone: 'us', sourceUrl: playbackURL }; P2PEngineHls.tryRegisterServiceWorker(p2pConfig).then(() => { player = new Clappr.Player({ source: playbackURL, parentId: "#player", poster: '', width: '100%', height: '100%', autoPlay: !0, mute: !0, plugins: [HlsjsPlayback], hlsRecoverAttempts: 8, playback: { hlsjsConfig: { maxBufferSize: 0, maxBufferLength: 5, liveSyncDurationCount: 3, p2pConfig: p2pConfig }, dvrEnabled: !1, dvrInUse: !1 } }); p2pConfig.hlsjsInstance = player.core.getCurrentPlayback()?._hls; var engine = new P2PEngineHls(p2pConfig) }); function unmutePlayer() { var pl = !1; if (player) { player.setVolume(100); player.configure({ mute: !1 }); pl = !0; document.getElementById('soundButton').style.display = 'none' } }</script>
    
    
    
</body>
</html>
