58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Webpack App</title>
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="karolyimusic-webplayer" class="hidden">
|
|
<div class="stream-title-wrapper">
|
|
<div class="stream-title-box">-</div>
|
|
</div>
|
|
<div class="errormsg-wrapper">
|
|
<div class="errormsg-content"></div>
|
|
</div>
|
|
<div class="play-button-wrapper">
|
|
<div class="play-button">
|
|
<i class="fa-solid fa-play"></i>
|
|
</div>
|
|
</div>
|
|
<div class="stream-list-wrapper">
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
document.addEventListener('DOMContentLoaded', function(){
|
|
const radioPlayer = new RadioPlayer({
|
|
rootElement: document.getElementById('karolyimusic-webplayer'),
|
|
streams: [{
|
|
streamName: 'Channel 1: chill, eclectic',
|
|
listenUrl: 'https://stream.tilos.hu/karolyi-chill-eclectic',
|
|
externalLink: 'https://stream.tilos.hu/karolyi-chill-eclectic.m3u',
|
|
}, {
|
|
streamName: 'Channel 2: breaks, dnb, party music',
|
|
listenUrl: 'https://stream.tilos.hu/karolyi-breaks-dnb',
|
|
externalLink: 'https://stream.tilos.hu/karolyi-breaks-dnb.m3u',
|
|
}, {
|
|
streamName: 'Channel 3: mixes',
|
|
listenUrl: 'https://stream.tilos.hu/karolyi-mixes',
|
|
externalLink: 'https://stream.tilos.hu/karolyi-mixes.m3u',
|
|
}],
|
|
bgColor: '#1334e342',
|
|
hoverColor: '#999',
|
|
playlistButtonBorderColor: '#eee',
|
|
playlistActiveBorderColor: '#eee',
|
|
errormsgBackgroundColor: '#ff0022dd',
|
|
errormsgTextColor: '#dedede',
|
|
restartOnStreamEndMs: 3000
|
|
});
|
|
radioPlayer.start();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|