basspistol.com/radio.html

172 lines
5 KiB
HTML
Raw Normal View History

2019-04-01 23:16:35 +02:00
---
2020-11-26 15:47:12 +01:00
title: Basspistol Glance Floor
2020-10-31 17:02:56 +01:00
subtitle: Radio CrashParty
2019-04-14 11:09:20 +02:00
description: >-
2020-11-26 15:47:12 +01:00
Welcome to the virtual Nightclub 🦄! To get the music in highquality, press the play button under the circular atomic bomb.
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
---
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() {
2020-11-04 17:23:48 +01:00
$.getJSON('https://radio.basspistol.com/status-json.xsl', function (json) {
output = "<h4>Now Playing: </h4>";
output += "<h3>" + json.icestats.source.title + "</h3>";
output += "<p style='font-size:14px;'>" + json.icestats.source.listeners + " peers are listening<br />";
document.getElementById("radioPlaceholder").innerHTML = output;
});
2020-09-08 18:07:38 +02:00
}
setInterval(getData, 7000);
2020-07-10 11:46:33 +02:00
2020-11-04 17:23:48 +01:00
$(function () {
getData();
2020-09-08 18:07:38 +02:00
});
</script>
<!-- Banner -->
2020-07-10 11:46:33 +02:00
2020-09-08 18:07:38 +02:00
<div id="trackArt">
2020-11-04 17:23:48 +01:00
<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>
2020-07-10 11:46:33 +02:00
2020-11-04 17:23:48 +01:00
</section>
2020-09-08 18:07:38 +02:00
</div>
<!-- Content -->
<div id="trackInfo">
2020-11-04 17:23:48 +01:00
<section>
<h1>{{ page.title }}</h1>
2020-11-26 15:47:12 +01:00
<h2 style="text-align: left;">{{ page.description }} </h2>
<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-11-04 17:23:48 +01:00
2020-09-08 18:07:38 +02:00
2020-11-04 17:23:48 +01: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-09-08 18:07:38 +02:00
2020-11-04 17:23:48 +01:00
</section>
2020-11-26 15:47:12 +01:00
<section class="releases">
<h2>Pick Your Rooms</h2>
<div class="container">
<!-- Smokers Lounge-->
<article>
<figure>
<a href="https://meet.jit.si/Basspistol-Super-Chill-Smokers-Lounge-For-Coolt-Cats" target="_balnk" rel="noopener">
<img src="/images/pages/Logo_Jitsi.svg" alt="Enter The SMokers Lounge" /></a>
<figcaption>
<h3>Smoker's Lounge</h3>
<p>Chill-out, have a little talk with your peers face-to-face. Dress up be fancy, classy and respectfull</p>
</figcaption>
</figure>
</article>
<!-- Hubs -->
<article>
<figure>
<a href="https://hubs.mozilla.com/SWHvjBj/euphoric-gifted-meetup/" target="_balnk" rel="noopener">
<img src="/images/pages/hubs.jpg" alt="Enter the Glance Floor" /></a>
<figcaption>
<h3>Glance Floor</h3>
<p>This is where the action is at! Take a spin on the dancefloor, enjoy the company of others, have a chat. Draw your tag on stuff! Place your drink on the DJ booth. Do everything you would in a nightclub plus some more!</p>
</figcaption>
</figure>
</article>
<!-- Leet -->
<article>
<figure>
<a href="/chat/#read" target="_balnk" rel="noopener">
<img src="/images/pages/irc_chat_logo.png" alt="Cover art for {{ post.title }}" /></a>
<figcaption>
<h3>Leet's lair</h3>
<p>Not so much for VR or showing your face on cam? This room is for you, Fren. Join a text-chat and do all of the things one can do in the other rooms. But do it the 1337 way!</p>
</figcaption>
</figure>
</article>
</div>
</section>
<section>
<div id="radioPlaceholder"></div>
{% include author.html %}
</section>
2020-11-04 17:23:48 +01:00
{% include footer.html %}
<!-- End Post Navigation -->
2020-09-08 18:07:38 +02:00
</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-11-04 17:34:00 +01:00
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" />
2020-09-08 18:07:38 +02:00
<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>
</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>
2020-11-04 17:23:48 +01:00
</div>
2020-07-10 11:46:33 +02:00
<script type="text/javascript">
2020-11-04 17:23:48 +01:00
2020-07-10 11:46:33 +02:00
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
});
2020-11-04 17:23:48 +01:00
mu.onplaying = function () {
2020-11-04 17:37:44 +01:00
pauseButton.innerHTML = "⏯️ Pause";
2020-09-08 18:07:38 +02:00
fixedplayer.classList.remove("hideplayer");
2020-11-04 17:23:48 +01: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-11-04 17:23:48 +01: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");
2020-11-04 17:37:44 +01:00
pauseButton.innerHTML = "⏯️ Resume";
2020-09-08 18:07:38 +02:00
});
2020-07-10 11:46:33 +02:00
2020-11-04 17:23:48 +01:00
</script>