basspistol.com/radio.html

---
title: Basspistol Libre Radio
subtitle: Radio CrashParty
description: >-
  WIHU! Welcome to the CrashParty! Call your friends, bring your cats, connect
  all your devices! Let's see how much pressure the radio server can take!
tags:
  - radio
  - basspistol
  - live
  - music
  - broadcast
  - stream
video_path: /uploads/giphy.mp4
image: /images/pages/giphy.gif
layout: default
---

{% 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/>";
        output += "<strong>" + json.icestats.source.title + "</strong></p>";
        output += "<p style='font-size:14px;'>" + json.icestats.source.listeners + " peers are listening in MP3 <br />";
        document.getElementById("radioPlaceholder").innerHTML=output;
      });
  }
  setInterval(getData, 7000);

  $(function() {
      getData();
  });
</script>
<!-- Banner -->


<div id="trackArt">
<section>
  <div class="coverartwrapper">
    <div class="coverartwrapped" id="coverart" style="background-image: url({{ page.image }});"></div>
  </div>
  <div class="playbutton hideWhenNoJS">
  <a id="mu_pause" class="button">🎶 Play!</a>
  </div>
  

  
</p>

</section>
</div>
<!-- Content -->
<div id="trackInfo">
<section style="padding-right: 40px;">
  <h1>{{ page.title }}</h1>
  <p>{{ page.description }}</p>
  <h2 style="text-align:left;">Join the GlanceFloor </h2>
  <p><a href="https://meet.jit.si/BoombasticalRadioFantastical" target="_blank" rel="nooponer" class="button">💥 With this button</a></p>
  <div id="radioPlaceholder"></div> 
  <p><strong><span id="tracktime"></span></strong><br /></p>
  <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>
  <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>

  

  {% include author.html %}
  
  <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>



</section>





</section>
{% include footer.html %}
<!-- End Post Navigation -->
</div>

<!-- Audio player-->



<div id="fixedPlayer" class="showplayer hideplayer">
  <div id="audiowrap">

    <div id="audio0">
      <audio controls autoplay preload="none" data-matomo-title="Basspistol Radio">
        <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>
    </div>

  </div>
  <div id="nowPlay">



  </div>
 </div>


<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 fixedplayer = document.getElementById("fixedPlayer");

  mu.addEventListener('ended', function () {
    // only functional if "loop" is removed
    mu.pause();
    mu.currentTime = 0;
    loadUrl("{{ relBase }}{{ page.next.url }}"); return false;
  });
  mu.onplaying = function() {
    pauseButton.innerHTML = "Pause";
    fixedplayer.classList.remove("hideplayer");

  }; 

  pauseButton.addEventListener("click", function () {
    if (mu.paused) {
      mu.play();

    }
    else {
      mu.pause();


    }
  });
  mu.addEventListener('playing', function () {
    spincover.classList.add("spinnit");
    spincover.classList.remove("paused");
  });
  mu.addEventListener('pause', function () {
    spincover.classList.add("paused");
    pauseButton.innerHTML = "Resume";
  });

  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>