0byt3m1n1

Path: /home/mgatv524/medcenter.mgaplay.com.br/web/media/widget/40/ [ Home ]
File: 40_24_18
<!doctype html>
<html lang="en">
<head>
    <title>Xibo Open Source Digital Signage</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=[[ViewPortWidth]]" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- Copyright 2006-2021 Xibo Signage Ltd. Part of the Xibo Open Source Digital Signage Solution. Released under the AGPLv3 or later. -->
    <style type="text/css">
        body {
            margin: 0;
            overflow: hidden;
            font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
        }
        h1, h2, h3, h4, p {
            margin-top: 0;
        }
        #iframe {
            border: 0;
        }
        .cycle-slide p, p.cycle-slide {
            margin-bottom:0;
        }
    </style>
    <style type="text/css">

</style>

<link href="fonts.css" rel="stylesheet" media="screen" />

    
</head>
<!--[if lt IE 7 ]><body class="ie6"><![endif]-->
<!--[if IE 7 ]><body class="ie7"><![endif]-->
<!--[if IE 8 ]><body class="ie8"><![endif]-->
<!--[if IE 9 ]><body class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><body><!--<![endif]-->
<div id="content"><!DOCTYPE html>
<html>
    <head>
        <base href="https://www.antena1.com.br" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title>Rádio Ao Vivo | Antena 1 | Embedded</title>
        <meta name="KEYWORDS" content="antena1, streaming, rádio, radio, Rádio Ao Vivo, rádio Ao Vivo">
        <meta name="author" content="©2018 Antena1">
        <link rel="icon" type="image/ico" href="/favicon.ico" />
        
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-5235184-4"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-5235184-4');
        </script>
        <!-- End Google -->
        
        <style>
            html {
                background-color: trasparent;
                overflow: hidden;
            }
            body {
                background-color: #909090;
                margin: 0px;
            }
            .playerContainer {
                position: relative;
                width: 174px;
                height: 60px;
                text-align: center;
                background-color: #909090;
                overflow: hidden;
                vertical-align: middle;
            }
            .logo {
                border: none;
                float: left;
                margin-top: 9px; 
                margin-left: 16px;
            }
            .playPause {
                float: left;
                background-image: url('/embeddedPlayer/img/pause.png');
                margin-left: 13px;
                margin-top: 22px;
                width: 23px;
                height: 23px;
                cursor: pointer;
            }
        </style>
    </head>

    <body>
        <div class="playerContainer">
            <a href="https://www.antena1.com.br/aovivo" target="_blank"><img class="logo" src="/embeddedPlayer/img/Logo-default.png" alt="Antena 1 logo" width="90px" height="45px"/></a>
            <div class="playPause" id="playPause"></div>
            <audio id="player" autoplay>
				<source src="/stream/stream/1;?type=mp4" type='audio/mp4; codecs="mp4a.40.5"' />
				<source src="/stream/stream/1;?type=aacp" type="audio/aacp" />
				<source src="/stream/stream/2;?type=mpeg" type="audio/mpeg" />
                Seu navegador não suporta o audio element.
            </audio>
        </div>

        <script>
			
            const player = document.getElementById('player');
            const ctrl = document.getElementById('playPause');
            const playImg = "url('/embeddedPlayer/img/play.png')";
            const pauseImg = "url('/embeddedPlayer/img/pause.png')";
            let gaHeartBeatHandle = false;
			
            const gaHeartBeat = function(){
                if(!player.paused){
                    //send ga event if player is actually playing
                    gtag('event', "isPlaying-embed", {
                        'event_category': "AoVivo-embed",
                        'non_interaction': true
                    });
                }
				//repeat every 4 minutes to keep session alive
                gaHeartBeatHandle = setTimeout(function(){gaHeartBeat()}, 1000*60*4);
            }

            setTimeout(function(){
                // after seven seconds, check if player is really playing and start the gaHeartBeat
                if(!player.paused){
                    gaHeartBeat()
                }else{
                    //if the player is not playing, set the play icon (this might happen on mobile devices or on a slow connection)
                    ctrl.style.backgroundImage = playImg
                    player.pause() //just to be sure
                    console.warn("Player not playing. Bad internet connection or mobile device?")
                }
            }, 7000); 

            ctrl.onclick = function(event) {
				event.preventDefault()
                if(player.paused){
                    //start stream
                    ctrl.style.backgroundImage = pauseImg
                    player.play()
                    //start ga logging
                    gaHeartBeat()
                }else{
                    //stop stream
                    ctrl.style.backgroundImage = playImg
                    player.pause()
                    //cancel ga logging
                    clearTimeout(gaHeartBeatHandle)
                }
            };

            console.log("canPlayType audio/mp4; codecs='mp4a.40.5'", player.canPlayType('audio/mp4; codecs="mp4a.40.5"'));
			console.log("canPlayType audio/aacp", player.canPlayType("audio/aacp"));
            console.log("canPlayType audio/mpeg", player.canPlayType("audio/mpeg"));
            
        </script>
    </body>

</html>
</div>
</body>
<script type="text/javascript">var options = {"originalWidth":24,"originalHeight":18}; var items = {};</script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="xibo-layout-scaler.js"></script>
<script type="text/javascript" src="xibo-image-render.js"></script>
<script type="text/javascript">var xiboICTargetId = 40;</script>
<script type="text/javascript" src="xibo-interactive-control.min.js"></script>
<script type="text/javascript">
    function EmbedInit()
    {
        // Init will be called when this page is loaded in the client.

        return;
    }
</script>

<script type="text/javascript">
                $(document).ready(function() { if(typeof EmbedInit === "function"){ EmbedInit(); } });
                $("body").find("img").xiboImageRender(options);
            </script>
<script type="text/javascript">
                $(document).ready(function() {
                    $("body").xiboLayoutScaler(options);
                });
            </script>

</html>