basspistol.com/radio.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%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></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="smooth-scroll-middle button icon solid fa-play">Play dat!</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 icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button 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 autoplay preload="true" 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");

  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");
  }; 

  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>