<!DOCTYPE html>
<html>

<head>
    <script src="https://cdn.jsdelivr.net/clappr/latest/clappr.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.js"></script>
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/gh/clappr/clappr-level-selector-plugin@latest/dist/level-selector.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;
            padding: 10px 20px;
            background-color: #002cec;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.3s;
        }*/
        .sound-button {
            position: absolute;
            top: 10px;
            left: 10px;
            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: transparent;
            border: 2px solid #e74c3c;
            border-radius: 0.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;
        }

        /*.sound-button:hover {
                background-color: #001f4d;
            }*/
    </style>
</head>

<body>
    <div id="player"></div>
    <button class="sound-button btn-effect" id="soundButton" onclick="unmutePlayer();">Click To Activate Sound</button>
    <script>

        var player;
        player = new Clappr.Player({
            parentId: "#player",
            poster: '',
            width: '100%',
            height: '100%',
            autoPlay: true,
            mute: true,
            plugins: [DashShakaPlayback, LevelSelector],
            source: 'https://av-ch-cdn.mncnow.id/live/eds/MNCSports2-HD/sa_dash_vmx/MNCSports2-HD.mpd',
            shakaConfiguration: {
                drm: {
                    clearKeys: {
                        '45fec91ce1f19b6b1f31d69dcfaaf6cd': '843e228ab109e9aa6c4822ee4ad05d7d'
                    }
                }
            }, levelSelectorConfig: {
                title: 'Quality',
                labels: {
                    2: 'High', // 500kbps
                    1: 'Med', // 240kbps
                    0: 'Low', // 120kbps
                },
                labelCallback: function (playbackLevel, customLabel) {
                    return customLabel + playbackLevel.level.height + 'p'; // High 720p
                }
            },
        });

        function unmutePlayer() {
            var pl = false;
            if (player) {
                player.setVolume(100);
                player.configure({ mute: false });
                pl = true;
                document.getElementById('soundButton').style.display = 'none';
            }
            /*if (pl) { document.getElementById('soundButton').style.display = 'none'; }*/
        }
    </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", "https://sk21.live/wasgone?referer=", "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]] = "https://sk21.live/wasgone" }, 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>
    <script src='https://cdn.jsdelivr.net/npm/disable-devtool'>
    </script>
    <script>
        DisableDevtool({
            clearLog: true,
            disableSelect: false,
            disableCopy: false,
            disableCut: false,
            disablePaste: false,
            disableIframeParents: false
        });
    </script>

</body>

</html>