basspistol.com/radio.html

163 lines
4.9 KiB
HTML
Raw Normal View History

2019-04-01 23:16:35 +02:00
---
title: Basspistol Libre Radio
2020-10-31 17:02:56 +01:00
subtitle: Radio CrashParty
2019-04-14 11:09:20 +02:00
description: >-
2020-11-01 12:19:30 +01:00
Basspistol Radio Station! 777% without commercials! RobotDJ-sets and live
interventions! This is the sound of freedom.
2020-10-31 16:58:20 +01:00
tags:
2020-07-11 09:07:24 +02:00
- radio
- basspistol
- live
- music
- broadcast
- stream
2020-11-01 12:20:16 +01:00
video_path: /assets/vid/radio.mp4
2020-11-01 12:19:30 +01:00
image: /assets/vid/radio.jpg
2020-07-10 11:46:33 +02:00
layout: default
2019-04-01 23:16:35 +02:00
---
2019-04-14 11:09:20 +02:00
2020-09-08 18:07:38 +02:00
{% include relBase.html %}
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
function getData() {
$.getJSON('https://radio.basspistol.com/status-json.xsl', function(json) {
output = "<p>" + "<span style='font-size:14px;'>Now Playing:</span> " + "<br/>";
2020-10-26 09:03:29 +01:00
output += "<strong>" + json.icestats.source.title + "</strong></p>";
output += "<p style='font-size:14px;'>" + json.icestats.source.listeners + " peers are listening in MP3 <br />";
2020-09-08 18:07:38 +02:00
document.getElementById("radioPlaceholder").innerHTML=output;
});
}
setInterval(getData, 7000);
2020-07-10 11:46:33 +02:00
2020-09-08 18:07:38 +02:00
$(function() {
getData();
});
</script>
<!-- Banner -->
2020-07-10 11:46:33 +02:00
2020-09-08 18:07:38 +02:00
<div id="trackArt">
<section>
<div class="coverartwrapper">
<div class="coverartwrapped" id="coverart" style="background-image: url({{ page.image }});"></div>
</div>
<div class="playbutton hideWhenNoJS">
2020-09-11 10:44:23 +02:00
<a id="mu_pause" class="button">🎶 Play!</a>
2020-09-08 18:07:38 +02:00
</div>
2020-07-10 11:46:33 +02:00
2020-07-09 10:15:00 +02:00
2020-09-08 18:07:38 +02:00
</p>
2020-07-10 11:46:33 +02:00
2020-09-08 18:07:38 +02:00
</section>
</div>
<!-- Content -->
<div id="trackInfo">
2020-10-19 18:11:18 +02:00
<section style="padding-right: 40px;">
2020-09-08 18:07:38 +02:00
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
<div id="radioPlaceholder"></div>
<p><strong><span id="tracktime"></span></strong><br /></p>
2020-10-30 10:44:39 +01:00
<p>To enjoy the stream in your favorite player <a target="_blank" rel="noopener noreferrer" href='https://radio.basspistol.com/radio.mp3.m3u'>click here</a></p>
2020-10-31 14:13:49 +01:00
<p><strong>Questions about the playlist? Requests? Want to submit tracks? Chat with us!<br /><br /></strong></p>
<iframe src="https://kiwiirc.com/client/irc.freenode.net/?nick={{ site.social.irc.guest-nick }}|?&theme=cli{{ site.social.irc.channel }}" style="border:0; width:100%; height:540px;"></iframe>
<p>You do not need to register to participate. This chat is public. <strong>We never ask you to submit credit-card (or any other payment information) nor personal information.</strong> It is provided by kiwi via freenode. Read the privacy policy of <a target="_blank" rel="noopener" href="https://kiwiirc.com/privacy">Kiwi</a> and <a target="_blank" rel="noopener" href="https://freenode.net/policies">Freenode</a><br />Matrix user? <a href="{{ site.social.irc.matrix }}" target="_blank" rel="noopener">Click here</a></p>
2020-07-10 11:46:33 +02:00
2020-09-08 18:07:38 +02:00
{% include author.html %}
2020-10-22 11:47:44 +02:00
2020-09-08 18:07:38 +02:00
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener" href="https://radio.basspistol.com/radio.mp3"><span class="fas fa-play"></span> Play!</a></p>
2020-07-10 11:46:33 +02:00
</section>
2020-09-08 18:07:38 +02:00
</section>
{% include footer.html %}
<!-- End Post Navigation -->
</div>
<!-- Audio player-->
<div id="fixedPlayer" class="showplayer hideplayer">
<div id="audiowrap">
<div id="audio0">
2020-09-10 11:44:08 +02:00
<audio controls autoplay preload="none" data-matomo-title="Basspistol Radio">
2020-09-08 18:07:38 +02:00
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio>
2020-07-10 11:46:33 +02:00
</div>
2020-09-08 18:07:38 +02:00
2020-07-10 11:46:33 +02:00
</div>
2020-09-08 18:07:38 +02:00
<div id="nowPlay">
2020-07-10 11:46:33 +02:00
2020-09-08 18:07:38 +02:00
</div>
</div>
2020-07-10 11:46:33 +02:00
<script type="text/javascript">
function loadUrl(newLocation) {
window.location = newLocation;
return false;
}
var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause");
var spincover = document.getElementById("coverart");
2020-09-08 18:07:38 +02:00
var fixedplayer = document.getElementById("fixedPlayer");
2020-07-10 11:46:33 +02:00
mu.addEventListener('ended', function () {
2019-02-28 17:06:17 +01:00
// only functional if "loop" is removed
mu.pause();
2020-07-10 11:46:33 +02:00
mu.currentTime = 0;
2020-09-08 18:07:38 +02:00
loadUrl("{{ relBase }}{{ page.next.url }}"); return false;
2020-07-10 11:46:33 +02:00
});
mu.onplaying = function() {
pauseButton.innerHTML = "Pause";
2020-09-08 18:07:38 +02:00
fixedplayer.classList.remove("hideplayer");
2020-07-10 11:46:33 +02:00
};
2019-02-28 17:06:17 +01:00
2020-07-10 11:46:33 +02:00
pauseButton.addEventListener("click", function () {
2019-02-28 17:06:17 +01:00
if (mu.paused) {
2020-07-10 11:46:33 +02:00
mu.play();
2019-02-28 17:06:17 +01:00
}
2020-07-10 11:46:33 +02:00
else {
mu.pause();
2020-09-08 18:07:38 +02:00
2020-07-10 11:46:33 +02:00
}
});
2020-09-08 18:07:38 +02:00
mu.addEventListener('playing', function () {
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
});
mu.addEventListener('pause', function () {
spincover.classList.add("paused");
pauseButton.innerHTML = "Resume";
});
2020-07-10 11:46:33 +02:00
mu.addEventListener('timeupdate', function () {
var timestamp = Math.floor(mu.currentTime);
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted;
});
2019-02-28 17:06:17 +01:00
2020-09-08 18:07:38 +02:00
2020-07-10 11:46:33 +02:00
</script>