144 lines
4.7 KiB
HTML
144 lines
4.7 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.
|
|
tags:
|
|
- radio
|
|
- basspistol
|
|
- live
|
|
- music
|
|
- broadcast
|
|
- stream
|
|
video_path: /assets/vid/radio.mp4
|
|
image: /assets/vid/radio.jpg
|
|
layout: default
|
|
---
|
|
|
|
|
|
|
|
|
|
{% include relBase.html %}
|
|
<!-- Banner -->
|
|
<section
|
|
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-left image-position-center" style="background-image:url('{{ page.image }}');background-size: cover; background-repeat: no-repeat;">
|
|
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
|
|
|
|
<div id="mainwrap" class="content" style="z-index:1">
|
|
<h1 style="margin-top:80px">{{ page.title }}</h1>
|
|
<div id="radioPlaceholder"></div>
|
|
<p><strong><span id="tracktime"></span></strong><br /></p>
|
|
|
|
|
|
|
|
<ul class="actions stacked">
|
|
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="noJSalbum" style="z-index:1000;">
|
|
<h1 style="margin-top:80px">{{ page.title }}</h1>
|
|
<div id="radioPlaceholder"></div>
|
|
<p><strong><span id="tracktime"></span></strong><br /></p>
|
|
|
|
|
|
|
|
<a href="https://radio.basspistol.com/radio.mp3" id="mu_pause" class="button smaller icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button smaller icon solid fa-play">OGG</a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="image">
|
|
<img src="{{ page.image }}" alt="{{ page.title }} logo" id="coverart" />
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Content -->
|
|
<section class="wrapper style1 align-center">
|
|
<div class="inner" style="padding-top:40px">
|
|
<div class="index align-left">
|
|
<section style="padding-top:40px">
|
|
<!-- Content -->
|
|
<div class="content">
|
|
<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" href="https://radio.basspistol.com/radio.mp3">MP3</a>
|
|
or <a target="_blank" rel="noopener" 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" href='https://radio.basspistol.com/radio.mp3.m3u'>MP3</a>
|
|
and <a target="_blank" rel="noopener" href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Audio player-->
|
|
|
|
<audio preload="none" data-matomo-title="Basspistol Radio">
|
|
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
|
<source src="https://radio.basspistol.com/radio.ogg" type="audio/ogg" ontimeupdate='updateTrackTime(this);' />
|
|
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
|
</audio>
|
|
{% include footer.html %}
|
|
|
|
<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");
|
|
var links = document.getElementsByTagName('a');
|
|
|
|
mu.addEventListener('ended', function () {
|
|
// only functional if "loop" is removed
|
|
mu.pause();
|
|
mu.currentTime = 0;
|
|
loadUrl("{{ relBase }}/{{ page.nextTrack.slug }}/"); return false;
|
|
});
|
|
mu.onplaying = function() {
|
|
pauseButton.innerHTML = "Pause";
|
|
pauseButton.classList.remove("fa-play");
|
|
pauseButton.classList.add("fa-pause");
|
|
spincover.classList.add("spinnit");
|
|
spincover.classList.remove("paused");
|
|
for (var i=0, len=links.length; i < len; i++) {
|
|
links[i].target = '_blank';
|
|
}
|
|
};
|
|
|
|
pauseButton.addEventListener("click", function () {
|
|
if (mu.paused) {
|
|
mu.play();
|
|
|
|
}
|
|
else {
|
|
mu.pause();
|
|
pauseButton.innerHTML = "Resume";
|
|
pauseButton.classList.add("fa-play");
|
|
pauseButton.classList.remove("fa-pause");
|
|
spincover.classList.add("paused");
|
|
}
|
|
});
|
|
|
|
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;
|
|
});
|
|
|
|
</script>
|
|
|