449 lines
22 KiB
HTML
449 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
|.............................................. |
|
|
|.............................................. ▄▄▄▄ ▄▄▄ ██████ ██████ |
|
|
|...........'';,............................... ▓█████▄ ▒████▄ ▒██ ▒ ▒██ ▒ |
|
|
|.........'',,;:o:,............................ ▒██▒ ▄██▒██ ▀█▄ ░ ▓██▄ ░ ▓██▄ |
|
|
|.......',;;::::::;;;,......................... ▒██░█▀ ░██▄▄▄▄██ ▒ ██▒ ▒ ██▒ |
|
|
|.....,;:ooooooooooo;,,''''.................... ░▓█ ▀█▓ ▓█ ▓██▒▒██████▒▒▒██████▒▒ |
|
|
|....,;ooooooooooooooo;,'..'''''............... ░▒▓███▀▒ ▒▒ ▓▒█░▒ ▒▓▒ ▒ ░▒ ▒▓▒ ▒ ░ |
|
|
|...,:ooooooooooooooooo;''......'''............ ▒░▒ ░ ▒ ▒▒ ░░ ░▒ ░ ░░ ░▒ ░ ░ |
|
|
|..,;:ooooooooooooooooo',,.........,'.......... ░ ░ ░ ▒ ░ ░ ░ ░ ░ ░ |
|
|
|..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... ░ ░ ░ ░ ░ |
|
|
|..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... ░ |
|
|
|..,'......':ooo:.......'';,'''''''',;,,,...... ██▓███ ██▓ ██████ ▄▄▄█████▓ ▒█████ ██▓ |
|
|
|..,,.......,:o:'.......,'oooo:::::;:,.',;,.... ▓██░ ██▒▓██▒▒██ ▒ ▓ ██▒ ▓▒▒██▒ ██▒▓██▒ |
|
|
|..','.................',,..'',,,;;;;;;,.,:.... ▓██░ ██▓▒▒██▒░ ▓██▄ ▒ ▓██░ ▒░▒██░ ██▒▒██░ |
|
|
|...,,'...............',;oooooooooo:;;:,;oo,... ▒██▄█▓▒ ▒░██░ ▒ ██▒░ ▓██▓ ░ ▒██ ██░▒██░ |
|
|
|....,,'.............,,;ooooooooo;,..'',oooo,.. ▒██▒ ░ ░░██░▒██████▒▒ ▒██▒ ░ ░ ████▓▒░░██████▒ |
|
|
|.....',,'........',,;ooo::;;,'........'oooo;.. ▒▓▒░ ░ ░░▓ ▒ ▒▓▒ ▒ ░ ▒ ░░ ░ ▒░▒░▒░ ░ ▒░▓ ░ |
|
|
|.......'',,'''',,;;;,,'...............';;;'... ░▒ ░ ▒ ░░ ░▒ ░ ░ ░ ░ ▒ ▒░ ░ ░ ▒ ░ |
|
|
|...........'''''.............................. ░░ ▒ ░░ ░ ░ ░ ░ ░ ░ ▒ ░ ░ |
|
|
|.............................................. ░ ░ ░ ░ ░ ░ |
|
|
|.............................................. |
|
|
|.............................................. All you saw was sound! |
|
|
|.............................................. |
|
|
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
|
|
|
-->
|
|
<link rel="shortcut icon" href="./assets/img/basspistolico.png" type="image/png" />
|
|
<link rel="stylesheet" href="./assets/css/style.css" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
|
<link rel="alternate" type="application/rss+xml" href="https://basspistol.com/rss.xml" />
|
|
|
|
<!-- BEGIN rendered SEO Meta -->
|
|
|
|
<title>Music Syndicate | Basspistol</title>
|
|
|
|
<!-- Standard SEO -->
|
|
<meta name="title" content="Music Syndicate, Basspistol">
|
|
<meta name="dc.date.modified" scheme="ISO8601" content="2019-03-29T07:52:59+00:00" />
|
|
<meta name='robots' content='index'/>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="referrer" content="no-referrer-when-downgrade" />
|
|
<meta name="description" content="Homepage of Basspistol, The Outernational Music Syndicate established in 2010" />
|
|
<meta name="generator" content="Jekyll" />
|
|
<link rel="canonical" href="https://basspistol.com/" />
|
|
<link rel="alternate" href="https://basspistol.com/" hreflang="x-default" />
|
|
<meta name="geo.region" content="CH-GE" />
|
|
<meta name="geo.placename" content="Geneva" />
|
|
<meta name="geo.position" content="46.204391;6.143158" />
|
|
<meta name="ICBM" content="46.204391, 6.143158" />
|
|
<meta name="keywords" content="Basspistol, Outernational, Music, Syndicate, Homepage, Collective, Free, Culture,">
|
|
|
|
|
|
<!-- Dublin Core basic info -->
|
|
|
|
<meta name="dcterms.Identifier" content="https://basspistol.com" />
|
|
<meta name="dcterms.Format" content="text/html" />
|
|
<meta name="dcterms.Relation" content="Basspistol" />
|
|
<meta name="dcterms.Language" content="en" />
|
|
<meta name="dcterms.Publisher" content="Basspistol" />
|
|
<meta name="dcterms.Type" content="text/html" />
|
|
<meta name="dcterms.Coverage" content="https://basspistol.com/" />
|
|
<meta name="dcterms.Rights" content="Copyleft ©2019 Basspistol." />
|
|
<meta name="dcterms.Title" content="Music Syndicate | Basspistol" />
|
|
<meta name="dcterms.Subject" content="The Outernational Music Syndicate. Established in 2010" />
|
|
<meta name="dcterms.Contributor" content="Basspistol" />
|
|
<meta name="dcterms.Date" content="2019-03-29" />
|
|
<meta name="dcterms.Description" content="Homepage of Basspistol, The Outernational Music Syndicate established in 2010" />
|
|
|
|
<!-- Facebook OpenGraph -->
|
|
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://basspistol.com" />
|
|
<meta property="og:locale" content="en_us" />
|
|
<meta property="og:title" content="Music Syndicate | Basspistol" />
|
|
<meta property="og:description" content="Homepage of Basspistol, The Outernational Music Syndicate established in 2010" />
|
|
<meta property="og:image" content="https://basspistol.com/assets/vid/intro_loop_.png" />
|
|
<meta property="og:site_name" content="Basspistol" />
|
|
<meta property="og:see_also" content="https://www.instagram.com/basspistol" />
|
|
<meta property="og:see_also" content="https://twitter.com/bpist" />
|
|
<meta property="og:see_also" content="https://www.facebook.com/basspistolQC" />
|
|
<meta property="og:see_also" content="https://soundcloud.com/basspistol" />
|
|
<meta property="og:see_also" content="https://basspistol.tumblr.com" />
|
|
<meta property="og:see_also" content="https://archive.org/details/basspistol" />
|
|
<meta property="og:see_also" content="https://mastodon.art/@basspistol" />
|
|
|
|
|
|
<!-- Twitter Card -->
|
|
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:site" content="@bpist" />
|
|
<meta name="twitter:title" content="Music Syndicate | Basspistol" />
|
|
<meta name="twitter:description" content="Homepage of Basspistol, The Outernational Music Syndicate established in 2010" />
|
|
<meta name="twitter:image" content="https://basspistol.com/assets/vid/intro_loop_.png" />
|
|
|
|
|
|
<!-- Humans.txt authorship http://humanstxt.org -->
|
|
|
|
<link type="text/plain" rel="author" href="https://basspistol.com/humans.txt" />
|
|
|
|
<!-- Domain verification -->
|
|
|
|
|
|
<!-- Identity -->
|
|
|
|
<script type='application/ld+json'>
|
|
{
|
|
"@context": "http://www.schema.org",
|
|
"@type": "Organization",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": [
|
|
"https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"
|
|
],
|
|
"logo": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
|
|
"image": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
|
|
"description": "The Outernational Music Syndicate. Established in 2010",
|
|
"address": {
|
|
"@type": "PostalAddress",
|
|
"addressLocality": "Geneva",
|
|
"addressRegion": "Geneva",
|
|
"postalCode": "1201",
|
|
"addressCountry": "Switzerland"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- WebSite -->
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "http://schema.org",
|
|
"@type": "WebSite",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"],
|
|
"copyrightHolder": {
|
|
"@type": "Corporation",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"],
|
|
"location": {
|
|
"@type": "Place",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"]
|
|
}
|
|
},
|
|
"author": {
|
|
"@type": "Corporation",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"],
|
|
"location": {
|
|
"@type": "Place",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"]
|
|
}
|
|
},
|
|
"creator": {
|
|
"@type": "Organization"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Place -->
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "http://schema.org",
|
|
"@type": "Place",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"]
|
|
}
|
|
</script>
|
|
|
|
<!-- Main Entity of Page -->
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "http://schema.org",
|
|
"@type": "WebPage",
|
|
"name": "Music Syndicate | Basspistol",
|
|
"description": "Homepage of Basspistol, The Outernational Music Syndicate established in 2010",
|
|
"image": {
|
|
"@type": "ImageObject",
|
|
"url": "https://basspistol.com/assets/vid/intro_loop_.png"
|
|
},
|
|
"url": "https://basspistol.com/",
|
|
"mainEntityOfPage": "https://basspistol.com",
|
|
"inLanguage": "en_us",
|
|
"headline": "The Outernational Music Syndicate. Established in 2010",
|
|
"dateCreated": "",
|
|
"dateModified": "2019-03-29T07:52:59+00:00",
|
|
"datePublished": "",
|
|
"copyrightYear": "2019",
|
|
"author": {
|
|
"@type": "Corporation",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"],
|
|
"location": {
|
|
"@type": "Place",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"]
|
|
}
|
|
},
|
|
"copyrightHolder": {
|
|
"@type": "Corporation",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"],
|
|
"location": {
|
|
"@type": "Place",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"]
|
|
}
|
|
},
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"],
|
|
"location": {
|
|
"@type": "Place",
|
|
"name": "Basspistol",
|
|
"url": "https://basspistol.com",
|
|
"sameAs": ["https://www.instagram.com/basspistol","https://twitter.com/bpist","https://www.facebook.com/basspistolQC","https://soundcloud.com/basspistol","https://basspistol.tumblr.com","https://archive.org/details/basspistol","https://mastodon.art/@basspistol"]
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<!-- Google Tag Manager -->
|
|
|
|
|
|
<!-- Google Analytics -->
|
|
|
|
|
|
<!-- END rendered SEO Meta -->
|
|
<script src="./assets/js/jquery-3.3.1.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
function generateRandomPosts()
|
|
{
|
|
$.getJSON("/posts.json", function(data) {
|
|
console.log("[posts.json loaded for random posts]");
|
|
var postsCount = data.length;
|
|
var posts = data;
|
|
var randomIndexUsed = [];
|
|
var counter = 0;
|
|
var numberOfPosts = 1;
|
|
var divRandomPosts = $("#random_posts");
|
|
divRandomPosts.append('<h1>Releases</h1>');
|
|
while (counter < numberOfPosts)
|
|
{
|
|
var randomIndex = Math.floor(Math.random() * postsCount);
|
|
if (randomIndexUsed.indexOf(randomIndex) == "-1")
|
|
{
|
|
var postHREF = posts[randomIndex].href;
|
|
var postImg = posts[randomIndex].img;
|
|
var postTitle = posts[randomIndex].title;
|
|
if (counter == (numberOfPosts - 1))
|
|
{
|
|
divRandomPosts.append('<a href="' + postHREF + '" title="' + postTitle + '"><div class="highlights" style="background-image: url(' + postImg + ')" alt="' + postTitle + '"></div><h3>' + postTitle+ '</h3></a><p>One of our releases, randomly selected just for you.</p>');
|
|
}
|
|
else
|
|
{
|
|
divRandomPosts.append('<a href="' + postHREF + '" title="' + postTitle + '"><div class="highlights" style="background-image: url(' + postImg + ')" alt="' + postTitle + '"></div><h3>' + postTitle + '</h3></a><p>One of our releases, randomly selected just for you.</p>');
|
|
}
|
|
randomIndexUsed.push(randomIndex);
|
|
counter++;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
$(document).ready(function() {
|
|
generateRandomPosts();
|
|
});
|
|
</script>
|
|
<script type="text/javascript">
|
|
function getData() {
|
|
$.getJSON('https://radio.basspistol.com/status-json.xsl', function(json) {
|
|
output = "<p>" + "Now Playing: " + "</p>";
|
|
output += "<p><strong>" + json.icestats.source[1].title + "</strong> <br />by<br /><strong>" + json.icestats.source[1].artist + "</strong></p>";
|
|
output += "<p>";
|
|
output += json.icestats.source[0].listeners + " peers are listening in <a href='https://radio.basspistol.com/radio.mp3.m3u'>MP3</a>";
|
|
output += "</p>";
|
|
output += "<p>";
|
|
output += json.icestats.source[1].listeners + " peers are listening in <a href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a>";
|
|
output += "</p>";
|
|
document.getElementById("radioPlaceholder").innerHTML=output;
|
|
});
|
|
}
|
|
setInterval(getData, 7000);
|
|
$(function() {
|
|
getData();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="navigation">
|
|
<ul>
|
|
|
|
<li class="icofont">
|
|
<a href="./" title="Home" class="icofont-home current"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="./discography/" title="Discography" class="icofont-disc"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="./radio/" title="Radio" class="icofont-radio"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="./highlights/" title="Highlights" class="icofont-newspaper"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="./artists/" title="Artists" class="icofont-people"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="./about/" title="About" class="icofont-finger-print"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="./links/" title="Links" class="icofont-link"></a>
|
|
</li>
|
|
|
|
<li class="icofont">
|
|
<a href="https://shop.basspistol.com" class="iconfont-shop" rel="noopener noreferrer nofollow"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="content">
|
|
<video poster="./assets/vid/intro_loop_.png" id="bgvid" autoplay playsinline muted loop>
|
|
<source src="./assets/vid/intro_loop_.mp4" type="video/mp4">
|
|
</video>
|
|
<img id="bgpic" src="./assets/vid/intro_loop_.png" alt="Basspistol" />
|
|
<div id="headline"><h1>~/Basspistol</h1></div>
|
|
|
|
<div class="fitter">
|
|
|
|
<div class="records" id="random_posts">
|
|
</div>
|
|
<div class="records">
|
|
<h1>Highlights</h1>
|
|
|
|
<a href="./highlights/2019/02/09/darkweb/" title="Darkweb"><div class="highlights" style="background-image: url('./assets/img/thumb/coverartDarkweb_setto.jpg')">
|
|
</div><h3>Darkweb </h3></a>
|
|
<p>Highlights are things we think you want to discover. Tracks, articles, videos, interviews and reviews, curated but also original content. They are delivered to you daily. Here or via RSS.</p>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="articles">
|
|
<h1>What the funk?</h1>
|
|
<p>We are The Outernational Music Syndicate, we believe in music. The Music Industry is healthy and blossoming like never before, there is no crisis in this industry, only greed and midlemen.</p>
|
|
|
|
<p>Basspistol is a midlehand slayer but mostly your magic magnifying glass, allowing you to see what happens when the sweet artists get into to the salty ocean of creativity. This is what we work for. Nothing less, nothing more. And if you want to, <a href="/artists/">we</a> will <a href="/radio">share it with you.</a></p>
|
|
|
|
<p>We operate this website using inclusively open source tools. We care about you: we do not track what you look at, which article drives traffic or which gender prefers what genre.
|
|
<br />
|
|
<br />We are <strong>NOT</strong> data driven, instead our passion is our engine and the freedom we posses allows us to navigate time, without having to care about being profitable.</p>
|
|
</div>
|
|
<div class="records">
|
|
<h1>RADIO</h1>
|
|
<button id="mu_pause">Play</button>
|
|
<div id="radioPlaceholder"></div>
|
|
</div>
|
|
<div id="footer">
|
|
<p>
|
|
Basspistol 2010-†
|
|
<br />All Priviledges Reserved
|
|
<br />
|
|
<a target="_blank" href="/rss.xml">RSS</a> |
|
|
<a href="mailto:info@basspistol.com">REAL</a> |
|
|
<a href="https://archive.org/details/basspistol">Archive.org</a> |
|
|
<a href="https://mastodon.art/@basspistol">GNU Social</a> |
|
|
<a target="_blank" rel="noopener noreferrer nofollow" href="https://twitter.com/bpist">Twatter</a> |
|
|
<a target="_blank" rel="noopener noreferrer nofollow" href="https://basspistol.tumblr.com">Scumblr</a> |
|
|
<a target="_blank" rel="noopener noreferrer nofollow" href="https://youtube.com/thebasspistol">YouLube</a> |
|
|
<a target="_blank" rel="noopener noreferrer nofollow" href="https://soundcloud.com/basspistol">CloudSound</a> |
|
|
<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.facebook.com/basspistolQC">Faceblock</a>
|
|
<br />
|
|
<br /><strong>Privacy disclaimer: We do NOT use cookies or trackers. The only information we store is your IP, under legitimate use, to review in case of abuse. IPs are stored for a maximum of 30 days.</strong><br />
|
|
<br />This website is made in Internet and is licensed with <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener noreferrer nofollow">Creative Commons CC-BY-NC-SA 4.0</a>
|
|
</p>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$("#content").scroll(function(){
|
|
$("#headline").css("opacity", 1 - $("#content").scrollTop() / 250);
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<audio preload="none">
|
|
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" />
|
|
<source src="https://radio.basspistol.com/radio.ogg" type="audio/ogg" />
|
|
<h1>Your browser isn't ready for so much hotness. Use these links instead: <a href="https://radio.basspistol.com/radio.ogg.m3u">OGG</a> or <a href="https://radio.basspistol.com/radio.mp3.m3u">MP3</a></h1>.
|
|
</audio>
|
|
<script type="text/javascript">
|
|
var mu = document.getElementsByTagName("audio")[0];
|
|
var pauseButton = document.getElementById("mu_pause");
|
|
function muFade() {
|
|
mu.classList.add("stopfade");
|
|
}
|
|
mu.addEventListener('ended', function() {
|
|
// only functional if "loop" is removed
|
|
mu.pause();
|
|
mu.currentTime=0;
|
|
// qq IE10
|
|
muFade();
|
|
});
|
|
pauseButton.addEventListener("click", function() {
|
|
mu.classList.toggle("stopfade");
|
|
if (mu.paused) {
|
|
mu.play();
|
|
pauseButton.innerHTML = "Pause";
|
|
} else {
|
|
mu.pause();
|
|
pauseButton.innerHTML = "Resume";
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|