- ID de l'analyse :
- 50171d3c-3c9f-45ad-a709-32a23906e73cTerminée
- URL soumise :
- https://raidio.stream/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 25 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| timeleft | number |
| new_timer | undefined |
| current_station | undefined |
| resize | function |
| load_content | function |
| load_regions | function |
| switchstream | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" style="--vh: 6px;"><head>
<title>raidio.stream</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="Curated list of European public radio stations with streaming functionality.">
<meta name="keywords" content="radio, streams, free, public, country, foreign, abroad">
<meta name="darkreader-lock">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="main.css">
<link rel="manifest" href="manifest.json">
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@clappr/player/dist/clappr.min.js"></script>
</head>
<body onload="resize()" onresize="resize()" oncontextmenu="return false;">
<div id="contentarea">
<div id="stations"><div id="content">
<div class="station npe">A</div>
<div class="station" onclick="load_content('albania')">Albania</div>
<div class="station" onclick="load_content('andorra')">Andorra</div>
<div class="station" onclick="load_content('austria')">Austria</div>
<div class="station npe">B</div>
<div class="station" onclick="load_content('belarus')">Belarus</div>
<div class="station" onclick="load_content('belgium')">Belgium</div>
<div class="station" onclick="load_content('bosniaandherzegovina')">Bosnia and Herzegovina</div>
<div class="station" onclick="load_content('bulgaria')">Bulgaria</div>
<div class="station npe">C</div>
<div class="station" onclick="load_content('croatia')">Croatia</div>
<div class="station" onclick="load_content('cyprus')">Cyprus</div>
<div class="station" onclick="load_content('czechia')">Czechia</div>
<div class="station npe">D</div>
<div class="station" onclick="load_content('denmark')">Denmark</div>
<div class="station npe">E</div>
<div class="station" onclick="load_content('estonia')">Estonia</div>
<div class="station npe">F</div>
<div class="station" onclick="load_content('faroeislands')">Faroe Islands</div>
<div class="station" onclick="load_content('finland')">Finland</div>
<div class="station" onclick="load_content('france')">France</div>
<div class="station npe">G</div>
<div class="station" onclick="load_content('germany')">Germany</div>
<div class="station" onclick="load_content('greece')">Greece</div>
<div class="station" onclick="load_content('greenland')">Greenland</div>
<div class="station npe">H</div>
<div class="station" onclick="load_content('hungary')">Hungary</div>
<div class="station npe">I</div>
<div class="station" onclick="load_content('iceland')">Iceland</div>
<div class="station" onclick="load_content('ireland')">Ireland</div>
<div class="station" onclick="load_content('italy')">Italy</div>
<div class="station npe">K</div>
<div class="station" onclick="load_content('kosovo')">Kosovo</div>
<div class="station npe">L</div>
<div class="station" onclick="load_content('latvia')">Latvia</div>
<div class="station" onclick="load_content('liechtenstein')">Liechtenstein</div>
<div class="station" onclick="load_content('lithuania')">Lithuania</div>
<div class="station" onclick="load_content('luxembourg')">Luxembourg</div>
<div class="station npe">M</div>
<div class="station" onclick="load_content('malta')">Malta</div>
<div class="station" onclick="load_content('moldova')">Moldova</div>
<div class="station" onclick="load_content('montenegro')">Montenegro</div>
<div class="station npe">N</div>
<div class="station" onclick="load_content('netherlands')">Netherlands</div>
<div class="station" onclick="load_content('northmacedonia')">North Macedonia</div>
<div class="station" onclick="load_content('norway')">Norway</div>
<div class="station npe">P</div>
<div class="station" onclick="load_content('poland')">Poland</div>
<div class="station" onclick="load_content('portugal')">Portugal</div>
<div class="station npe">R</div>
<div class="station" onclick="load_content('romania')">Romania</div>
<div class="station" onclick="load_content('russia')">Russia</div>
<div class="station npe">S</div>
<div class="station" onclick="load_content('sanmarino')">San Marino</div>
<div class="station" onclick="load_content('serbia')">Serbia</div>
<div class="station" onclick="load_content('slovakia')">Slovakia</div>
<div class="station" onclick="load_content('slovenia')">Slovenia</div>
<div class="station" onclick="load_content('spain')">Spain</div>
<div class="station" onclick="load_content('sweden')">Sweden</div>
<div class="station" onclick="load_content('switzerland')">Switzerland</div>
<div class="station npe">T</div>
<div class="station" onclick="load_content('transnistria')">Transnistria</div>
<div class="station npe">U</div>
<div class="station" onclick="load_content('ukraine')">Ukraine</div>
<div class="station" onclick="load_content('unitedkingdom')">United Kingdom</div>
<div class="station npe">V</div>
<div class="station" onclick="load_content('vaticancity')">Vatican City</div>
</div></div>
<div id="block" style="display: none;" onclick="check_regions()"></div>
<div id="regions" style="display: none;">
</div>
<div id="regionbar" style="display: none;" onclick="check_regions()">
<span id="selected_region">undefined</span>
<span id="arrow">▲</span>
</div>
<div id="bottombar">
<span id="play_btn" class="control npe" onclick="player.stop(); player.play(); play_status();"><a>PLAY</a></span>
<span id="stop_btn" class="control" onclick="player.stop()" style="display: none;"><a>STOP</a></span>
<span id="mute_btn" class="control" onclick="mute()"><a>MUTE</a></span>
<span id="unmute_btn" class="control" onclick="unmute()" style="display: none;"><a>UNMUTE</a></span>
<span id="timer_btn" class="control" onclick="timer()"><a id="timer_initial">SET TIMER</a><a id="minutes"></a></span>
<div id="player" class="control npe"><div data-player="" tabindex="9999" class="" style="width: 100%; height: 100%;"><div class="media-control w320" data-media-control=""><style class="clappr-style">.media-control-notransition {
transition: none !important; }
.media-control[data-media-control] {
position: absolute;
width: 100%;
height: 100%;
z-index: 9999;
pointer-events: none; }
.media-control[data-media-control].dragging {
pointer-events: auto;
cursor: grabbing !important;
cursor: url("closed-hand.cur"), move; }
.media-control[data-media-control].dragging * {
cursor: grabbing !important;
cursor: url("closed-hand.cur"), move; }
.media-control[data-media-control] .media-control-background[data-background] {
position: absolute;
height: 40%;
width: 100%;
bottom: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
will-change: transform, opacity;
transition: opacity 0.6s ease-out; }
.media-control[data-media-control] .media-control-icon {
line-height: 0;
letter-spacing: 0;
speak: none;
color: #fff;
opacity: 0.5;
vertical-align: middle;
text-align: left;
transition: all 0.1s ease; }
.media-control[data-media-control] .media-control-icon:hover {
color: white;
opacity: 0.75;
text-shadow: rgba(255, 255, 255, 0.8) 0 0 5px; }
.media-control[data-media-control].media-control-hide .media-control-background[data-background] {
opacity: 0; }
.media-control[data-media-control].media-control-hide .media-control-layer[data-controls] {
transform: translateY(50px); }
.media-control[data-media-control].media-control-hide .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {
opacity: 0; }
.media-control[data-media-control] .media-control-layer[data-controls] {
position: absolute;
transform: translateY(-7px);
bottom: 0;
width: 100%;
height: 32px;
font-size: 0;
vertical-align: middle;
pointer-events: auto;
transition: bottom 0.4s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-left-panel[data-media-control] {
position: absolute;
top: 0;
left: 4px;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-center-panel[data-media-control] {
height: 100%;
text-align: center;
line-height: 32px; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-right-panel[data-media-control] {
position: absolute;
top: 0;
right: 4px;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {
background-color: transparent;
border: 0;
margin: 0 6px;
padding: 0;
cursor: pointer;
display: inline-block;
width: 32px;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg {
width: 100%;
height: 22px; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg path {
fill: white; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button:focus {
outline: none; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-play] {
float: left;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-pause] {
float: left;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-stop] {
float: left;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen] {
float: right;
background-color: transparent;
border: 0;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator] {
background-color: transparent;
border: 0;
cursor: default;
display: none;
float: right;
height: 100%; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled {
display: block;
opacity: 1.0; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled:hover {
opacity: 1.0;
text-shadow: none; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playpause] {
float: left; }
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playstop] {
float: left; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position], .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {
display: inline-block;
font-size: 10px;
color: white;
cursor: default;
line-height: 32px;
position: relative; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position] {
margin: 0 6px 0 7px; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {
color: rgba(255, 255, 255, 0.5);
margin-right: 6px; }
.media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration]:before {
content: "|";
margin-right: 7px; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] {
position: absolute;
top: -20px;
left: 0;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 25px;
cursor: pointer; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] {
width: 100%;
height: 1px;
position: relative;
top: 12px;
background-color: #666666; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-1[data-seekbar] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #c2c2c2;
transition: all 0.1s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #005aff;
transition: all 0.1s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-hover[data-seekbar] {
opacity: 0;
position: absolute;
top: -3px;
width: 5px;
height: 7px;
background-color: rgba(255, 255, 255, 0.5);
transition: opacity 0.1s ease; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar]:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {
opacity: 1; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled {
cursor: default; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {
opacity: 0; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {
position: absolute;
transform: translateX(-50%);
top: 2px;
left: 0;
width: 20px;
height: 20px;
opacity: 1;
transition: all 0.1s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] .bar-scrubber-icon[data-seekbar] {
position: absolute;
left: 6px;
top: 6px;
width: 8px;
height: 8px;
border-radius: 10px;
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
background-color: white; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] {
float: right;
display: inline-block;
height: 32px;
cursor: pointer;
margin: 0 6px;
box-sizing: border-box; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] {
float: left;
bottom: 0; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] {
background-color: transparent;
border: 0;
box-sizing: content-box;
width: 32px;
height: 32px;
opacity: 0.5; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume]:hover {
opacity: 0.75; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg {
height: 24px;
position: relative;
top: 3px; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg path {
fill: white; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume].muted svg {
margin-left: 2px; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] {
float: left;
position: relative;
overflow: hidden;
top: 6px;
width: 42px;
height: 18px;
padding: 3px 0;
transition: width .2s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] {
height: 1px;
position: relative;
top: 7px;
margin: 0 3px;
background-color: #666666; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-1[data-volume] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #c2c2c2;
transition: all 0.1s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-2[data-volume] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #005aff;
transition: all 0.1s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-hover[data-volume] {
opacity: 0;
position: absolute;
top: -3px;
width: 5px;
height: 7px;
background-color: rgba(255, 255, 255, 0.5);
transition: opacity 0.1s ease; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] {
position: absolute;
transform: translateX(-50%);
top: 0px;
left: 0;
width: 20px;
height: 20px;
opacity: 1;
transition: all 0.1s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] .bar-scrubber-icon[data-volume] {
position: absolute;
left: 6px;
top: 6px;
width: 8px;
height: 8px;
border-radius: 10px;
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
background-color: white; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume] {
float: left;
width: 4px;
padding-left: 2px;
height: 12px;
opacity: 0.5;
box-shadow: inset 2px 0 0 white;
transition: transform .2s ease-out; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume].fill {
box-shadow: inset 2px 0 0 #fff;
opacity: 1; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(1) {
padding-left: 0; }
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:hover {
transform: scaleY(1.5); }
.media-control[data-media-control].w320 .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume].volume-bar-hide {
width: 0;
height: 12px;
top: 9px;
padding: 0; }
</style><div class="seek-time" data-seek-time="" style="display: none; left: -100%;"><span data-seek-time=""></span>
<span data-duration="" style="display: none;"></span>
<style class="clappr-style">.seek-time[data-seek-time] {
position: absolute;
white-space: nowrap;
height: 20px;
line-height: 20px;
font-size: 0;
left: -100%;
bottom: 55px;
background-color: rgba(2, 2, 2, 0.5);
z-index: 9999;
transition: opacity 0.1s ease; }
.seek-time[data-seek-time].hidden[data-seek-time] {
opacity: 0; }
.seek-time[data-seek-time] [data-seek-time] {
display: inline-block;
color: white;
font-size: 10px;
padding-left: 7px;
padding-right: 7px;
vertical-align: top; }
.seek-time[data-seek-time] [data-duration] {
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font-size: 10px;
padding-right: 7px;
vertical-align: top; }
.seek-time[data-seek-time] [data-duration]:before {
content: "|";
margin-right: 7px; }
</style></div></div><div class="container" data-container=""><div data-spinner="" class="spinner-three-bounce" style="display: none;"><div data-bounce1=""></div><div data-bounce2=""></div><div data-bounce3=""></div>
<style class="clappr-style">.spinner-three-bounce[data-spinner] {
position: absolute;
margin: 0 auto;
width: 70px;
text-align: center;
z-index: 999;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
/* center vertically */
top: 50%;
transform: translateY(-50%); }
.spinner-three-bounce[data-spinner] > div {
width: 18px;
height: 18px;
background-color: #FFFFFF;
border-radius: 100%;
display: inline-block;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
animation-fill-mode: both; }
.spinner-three-bounce[data-spinner] [data-bounce1] {
animation-delay: -0.32s; }
.spinner-three-bounce[data-spinner] [data-bounce2] {
animation-delay: -0.16s; }
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
</style></div><style class="clappr-style">.container[data-container] {
position: absolute;
background-color: black;
height: 100%;
width: 100%;
max-width: 100%; }
.container[data-container] .chromeless {
cursor: default; }
[data-player]:not(.nocursor) .container[data-container]:not(.chromeless).pointer-enabled {
cursor: pointer; }
</style><div data-no-op=""><canvas data-no-op-canvas=""></canvas>
<p data-no-op-msg="">Your browser does not support the playback of this video. Please try using a different browser.</p><p>
</p></div></div><style class="clappr-style">[data-player] {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate3d(0, 0, 0);
position: relative;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
text-align: center;
overflow: hidden;
font-size: 100%;
font-family: "Roboto", "Open Sans", Arial, sans-serif;
text-shadow: 0 0 0;
box-sizing: border-box; }
[data-player]:focus {
outline: 0; }
[data-player] * {
box-sizing: inherit; }
[data-player] > * {
float: none;
max-width: none; }
[data-player] > div {
display: block; }
[data-player].fullscreen {
width: 100% !important;
height: 100% !important;
top: 0;
left: 0; }
[data-player].nocursor {
cursor: none; }
.clappr-style {
display: none !important; }
</style><style class="clappr-style">[data-player] div, [data-player] span, [data-player] applet, [data-player] object, [data-player] iframe,
[data-player] h1, [data-player] h2, [data-player] h3, [data-player] h4, [data-player] h5, [data-player] h6, [data-player] p, [data-player] blockquote, [data-player] pre,
[data-player] a, [data-player] abbr, [data-player] acronym, [data-player] address, [data-player] big, [data-player] cite, [data-player] code,
[data-player] del, [data-player] dfn, [data-player] em, [data-player] img, [data-player] ins, [data-player] kbd, [data-player] q, [data-player] s, [data-player] samp,
[data-player] small, [data-player] strike, [data-player] strong, [data-player] sub, [data-player] sup, [data-player] tt, [data-player] var,
[data-player] b, [data-player] u, [data-player] i, [data-player] center,
[data-player] dl, [data-player] dt, [data-player] dd, [data-player] ol, [data-player] ul, [data-player] li,
[data-player] fieldset, [data-player] form, [data-player] label, [data-player] legend,
[data-player] table, [data-player] caption, [data-player] tbody, [data-player] tfoot, [data-player] thead, [data-player] tr, [data-player] th, [data-player] td,
[data-player] article, [data-player] aside, [data-player] canvas, [data-player] details, [data-player] embed,
[data-player] figure, [data-player] figcaption, [data-player] footer, [data-player] header, [data-player] hgroup,
[data-player] menu, [data-player] nav, [data-player] output, [data-player] ruby, [data-player] section, [data-player] summary,
[data-player] time, [data-player] mark, [data-player] audio, [data-player] video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
[data-player] table {
border-collapse: collapse;
border-spacing: 0; }
[data-player] caption, [data-player] th, [data-player] td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
[data-player] q, [data-player] blockquote {
quotes: none; }
[data-player] q:before, [data-player] q:after, [data-player] blockquote:before, [data-player] blockquote:after {
content: "";
content: none; }
[data-player] a img {
border: none; }
</style></div></div>
</div>
</div>
<script>var player = new Clappr.Player({parentId: "#player", width: "100%", height: "100%", autoPlay: true, playback: {playInline: true}, events: {
onPlay: function() {play_status();},
onPause: function() {stop_status();},
onStop: function() {stop_status();},
onError: function() {stop_status();}
}})</script>
<script>
$("#stations").load("content/main.html #content");
player.setVolume(100);
$(document)
.ajaxStop(function () {
$('div[onclick="'+ current_station +'"]').addClass("activestation");
document.getElementById("selected_region").innerHTML = $(".activeregion").html();
})
;
</script>
</body></html>