basspistol.com/radio.html
2020-07-09 10:15:00 +02:00

124 lines
4.2 KiB
HTML

---
title: Basspistol Libre Radio
subtitle: Radio
description: >-
Basspistol Radio Station! 777% without commercials! RobotDJ-sets and live
interventions! This is the sound of freedom.
keywords: 'Radio, basspistol, Live, Music, Broadcast, Stream,'
video_path: /assets/vid/radio.mp4
image: /assets/vid/radio.jpg
---
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %}
{% include matomo.html %}
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "RadioStation",
"name": "Basspistol Libre Radio",
"url": "https://basspistol.com/radio",
"logo": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
"image": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
"description": "Unexpected and Impossible Music. Live interventions and special guests. This is Libre music!",
"address": {
"@type": "PostalAddress",
"addressLocality": "Geneva",
"addressRegion": "Geneva",
"postalCode": "1201",
"addressCountry": "Switzerland"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "46.204391",
"longitude": "6.143158"
}
}
</script>
<script type="text/javascript">
function getData() {
$.getJSON('https://radio.basspistol.com/status-json.xsl', function(json) {
output = "<p>" + "Now Playing: " + "</p>";
output += "<p><strong>" + json.icestats.source[1].title + "</strong> <br />by<br /><strong>" + json.icestats.source[1].artist + "</strong></p>";
output += "<p>";
output += json.icestats.source[0].listeners + " peers are listening in MP3";
output += "</p>";
output += "<p>";
output += json.icestats.source[1].listeners + " peers are listening in OGG";
output += "</p>";
document.getElementById("radioPlaceholder").innerHTML=output;
});
}
setInterval(getData, 7000);
$(function() {
getData();
});
</script>
</head>
<body>
<div id="content">
<div class="fitter">
<div class="articles" style="text-align:center">
<button id="mu_pause">Play Radio</button>
</div>
<div class="articles">
<div id="radioPlaceholder"></div>
</div>
<div class="articles"><p><b>Dislike scripts? Want the M3U? We got you covered!</b>
<br /><br />Enjoy the stream in your <b>browser</b> in
<a target="_blank" rel="noopener noreferrer" href="https://radio.basspistol.com/radio.mp3">MP3</a>
or <a target="_blank" rel="noopener noreferrer" href="https://radio.basspistol.com/radio.ogg">OGG</a>
<br /><br />
Enjoy the stream in your favorite <b>player</b> in
<a target="_blank" rel="noopener noreferrer" href='https://radio.basspistol.com/radio.mp3.m3u'>MP3</a>
and <a target="_blank" rel="noopener noreferrer" href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a></p>
</div>
{% include footer.html %}
</div>
</div>
<audio preload="none" data-matomo-title="Basspistol Radio">
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" />
<source src="https://radio.basspistol.com/radio.ogg" type="audio/ogg" />
<h1>Your browser isn't ready for so much hotness. Use these links instead: <a target="_blank" rel="noopener noreferrer" href="https://radio.basspistol.com/radio.ogg.m3u">OGG</a> or <a href="https://radio.basspistol.com/radio.mp3.m3u">MP3</a></h1>.
</audio>
</div>
<script type="text/javascript">
var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause");
function muFade() {
mu.classList.add("stopfade");
}
mu.addEventListener('ended', function() {
// only functional if "loop" is removed
mu.pause();
mu.currentTime=0;
// qq IE10
muFade();
});
pauseButton.addEventListener("click", function() {
mu.classList.toggle("stopfade");
if (mu.paused) {
mu.play();
pauseButton.innerHTML = "Pause Radio";
} else {
mu.pause();
pauseButton.innerHTML = "Resume Radio";
}
});
</script>
</body>
</html>