692 lines
28 KiB
HTML
692 lines
28 KiB
HTML
<!DOCTYPE html>
|
||
<!--
|
||
Based on _Story_ by html5up.net | @ajlkn
|
||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
Remixed and Jekyllified by Setto
|
||
-->
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<link type="application/atom+xml" rel="alternate" href="https://setto.basspistol.com/feed.xml" title="" />
|
||
<!--
|
||
..............................................
|
||
..............................................
|
||
...........'';,...............................
|
||
.........'',,;:o:,............................
|
||
.......',;;::::::;;;,.........................
|
||
.....,;:ooooooooooo;,,''''....................
|
||
....,;ooooooooooooooo;,'..'''''...............
|
||
...,:ooooooooooooooooo;''......'''............
|
||
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
|
||
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
|
||
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
||
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
||
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
||
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__
|
||
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
|
||
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
|
||
.....',,'........',,;ooo::;;,'........'oooo;..
|
||
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
|
||
...........'''''..............................
|
||
..............................................
|
||
..............................................
|
||
..............................................
|
||
..............................................
|
||
-->
|
||
|
||
|
||
<!-- BEGIN seo.html -->
|
||
|
||
|
||
|
||
<title>Play "Live with hardware" by 徒 Setto セット | 徒 setto セット</title>
|
||
<meta name="title" content="Play "Live with hardware" by 徒 Setto セット" />
|
||
<meta name="description" content="A release by 徒 Setto セット named "Live with hardware" published on 徒 setto セット" />
|
||
<meta name="dc.date.modified" scheme="ISO8601" content="2020-07-27T08:30:36+00:00" />
|
||
<meta name="robots" content="index" />
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<link rel="canonical" href="https://setto.basspistol.com/albums/live-with-hardware/" />
|
||
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/albums/live-with-hardware/" />
|
||
<meta name="geo.region" content="CH-GE" />
|
||
<meta name="geo.placename" content="Geneva" />
|
||
<meta name="geo.position" content="46.203918;6.133011" />
|
||
<meta name="ICBM" content="46.203918, 6.133011" />
|
||
<meta name="author" content="徒 setto セット" />
|
||
<meta name="generator" content="Jekyll v4.0.0" />
|
||
|
||
<!-- Dublin Core basic info -->
|
||
|
||
<meta name="dcterms.Identifier" content="https://setto.basspistol.com" />
|
||
<meta name="dcterms.Format" content="text/html" />
|
||
<meta name="dcterms.Relation" content="徒 setto セット" />
|
||
<meta name="dcterms.Publisher" content="Basspistol" />
|
||
<meta name="dcterms.Type" content="text/html" />
|
||
<meta name="dcterms.Coverage" content="https://setto.basspistol.com/" />
|
||
<meta name="dcterms.Rights" content="Copyright ©2020 徒 setto セット." />
|
||
<meta name="dcterms.Subject" content="A release by 徒 Setto セット named "Live with hardware" published on 徒 setto セット" />
|
||
<meta name="dcterms.Title" content="Play "Live with hardware" by 徒 Setto セット" />
|
||
<meta name="dcterms.Contributor" content="徒 setto セット" />
|
||
<meta name="dcterms.Date" content="2020-07-27" />
|
||
<meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named "Live with hardware" and support your remote artist!" />
|
||
|
||
<!-- Facebook -->
|
||
|
||
<meta property="og:title" content="Live with hardware by 徒 Setto セット" />
|
||
<meta property="og:locale" content="en" />
|
||
<meta property="og:description" content="Listen and to a release by 徒 Setto セット named "Live with hardware" and support your remote artist!" />
|
||
<meta property="og:url" content="https://setto.basspistol.com/albums/live-with-hardware/" />
|
||
<meta property="og:site_name" content="徒 setto セット" />
|
||
<meta property="og:type" content="music:album" />
|
||
<meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3" />
|
||
|
||
<meta property="article:published_time" content="2020-07-27T08:30:36+00:00" />
|
||
<meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" />
|
||
<!-- Twitter Card -->
|
||
|
||
<meta name="twitter:card" content="summary" />
|
||
<meta name="twitter:title" content="Live with hardware | 徒 setto セット" />
|
||
<meta name="twitter:description" content="Listen and to a release by 徒 Setto セット named "Live with hardware" and support your remote artist!" />
|
||
<meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script type='application/ld+json'>
|
||
{
|
||
"@context": "http://www.schema.org",
|
||
"@type": "Organization",
|
||
"name": "徒 setto セット",
|
||
"url": "https://setto.basspistol.com",
|
||
"sameAs": [
|
||
"https://twitter.com/ToSettoSetto","https://instagram.com/ToSettoSetto"
|
||
],
|
||
"logo": "https://setto.basspistol.com/images/setto-logo.svg",
|
||
"image": "https://setto.basspistol.com/images/setto-logo.svg",
|
||
"description": "Set, Party, Gang! #Cybersoul.",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressLocality": "Geneva",
|
||
"addressRegion": "CH-GE",
|
||
"postalCode": "1201",
|
||
"addressCountry": "Switzerland"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
<!-- END seo.html -->
|
||
|
||
|
||
|
||
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||
<link rel="stylesheet" href="../../assets/css/main20200727.css" />
|
||
<link rel="apple-touch-icon" href="https://setto.basspistol.com/apple-touch-icon.png" />
|
||
<link rel="icon" type="image/png" href="https://setto.basspistol.com/touch-icon.png" sizes="192x192" />
|
||
<link rel="shortcut icon" href="https://setto.basspistol.com/images/setto-logoicon.svg" type="image/png" />
|
||
<noscript><link rel="stylesheet" href="../../assets/css/noscript20200727.css" /></noscript>
|
||
</head>
|
||
<body id="body">
|
||
<span id="top" style="display: none;"></span>
|
||
<!-- Wrapper -->
|
||
<div id="wrapper" class="divided">
|
||
|
||
<!-- Banner -->
|
||
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
|
||
<div class="content editable" data-cms-source="/_layouts/album.html" data-cms-index="0">
|
||
<h1 class="editable" data-cms-source="/_layouts/album.html" data-cms-index="1">Live With Hardware</h1>
|
||
<p>by <strong>徒 Setto セット</strong>
|
||
<br />2020
|
||
</p>
|
||
<ul class="actions stacked">
|
||
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="image">
|
||
<img src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" alt="Live With Hardware" />
|
||
</div>
|
||
</section>
|
||
<!-- Content -->
|
||
<section class="wrapper style1 align-center">
|
||
<div class="inner" style="padding-top: 40px;">
|
||
<div class="index align-left">
|
||
<!-- Author -->
|
||
<section style="padding-top:40px;" id="moe">
|
||
|
||
|
||
<header id="author">
|
||
<div class="bio">
|
||
|
||
|
||
<h6>
|
||
|
||
Share this page:
|
||
</h6>
|
||
<ul class="icons">
|
||
<li><a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u=https://setto.basspistol.com/albums/live-with-hardware/&quote=Live With Hardware%20by%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url=https://setto.basspistol.com/albums/live-with-hardware/&text=Live With Hardware%20by%20徒 setto セット%20&hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
|
||
<li><a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url=https://setto.basspistol.com/albums/live-with-hardware/&text=Live With Hardware%20by%20徒 setto セット" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
|
||
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url=https://setto.basspistol.com/albums/live-with-hardware/&title=Live With Hardware%20by%20徒 setto セット" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
|
||
</ul>
|
||
|
||
|
||
</div>
|
||
</header>
|
||
<!-- Content -->
|
||
<div class="content">
|
||
|
||
|
||
<!-- HERE BEGINS MADNESS -->
|
||
|
||
|
||
<!-- Content -->
|
||
<div class="content">
|
||
<div id="mainwrap">
|
||
<div id="nowPlay">
|
||
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||
<p class="left" id="npAction">Paused...</p>
|
||
</div>
|
||
<div id="audiowrap">
|
||
<div id="audio0">
|
||
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
|
||
Audio!</audio>
|
||
</div>
|
||
|
||
</div>
|
||
<div id="plwrap">
|
||
<ul id="plList">
|
||
|
||
<li>
|
||
<div class="plItem">
|
||
<div class="plNum">1.</div>
|
||
<div class="plTitle">EP-Life of a Dudelini</div>
|
||
<div class="plLength">11:23</div>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="noJSalbum">
|
||
|
||
|
||
|
||
<div class="plItem">
|
||
<div class="plNum">1.</div>
|
||
<div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.mp3" target="_blank" rel="noopener">EP-Life of a Dudelini </a></div>
|
||
<div class="plLength">11:23</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="content" style="font-family: monospace;font-size: 16px;margin-top:60px;">
|
||
|
||
|
||
<p>There is a weird meta-core to anything social exchange on internet that I can’t get my finger on. Assumptions and projections that I think partially stem from the lack in body language and the fact that we tend to be alone with our devices when we exchange. Even when we do so while our physical self is in a room full of friends. One of it’s symptoms is the <em>endorsement paradox,</em> for lack of better words. At some point it was common to see Twitter bios with the line <em>“retweets != Endorsement”.</em> It might have a better name, but that “endorsement paradox” is something I feel heavily used as a propaganda strategy. The thing is, there is always someone in anyone’s acquaintances that will resonate to shared info and critique in unexpected ways. For example some unspeakable parties triggered everyone to a point where everyone got so obsessed that everyone kept talking about those parties non stop. Basically taking said unspeakable parties out of the void they were in, and promoting them into a mass that had to be accounted for. I’m not saying unspeakable party propaganda should be ignored, but I think some information is better dissected away from public spaces where there is no control over the dimension of time since the discussion can keep on forever, even when everyone involved at first have moved on. Like that which happened to 4chan.</p>
|
||
|
||
<p>It takes at least 2 to have a dialogue. And to achieve that plurality in cyberspace seems to require a lot of effort. Probably due to that aforementioned conflict between solitude and time-traversing company. “Company” as in being accompanied and time-traversing because what we record today can be used in the future, and in the future we might use recordings from the past.</p>
|
||
|
||
<p>Either way, there is always something that escapes me when I try to thinker about exchange of information that pertain to the power limbo between humans. Hence the idea of a meta core: like a Russian doll. After all information is vehicular to energy. Be it human or robot information exchange: an impulse that turns a turbine on, a poem that make your heart beat faster…</p>
|
||
|
||
<p>Audio extracted from the 360 video of <a href="/hw-jam/">this jam</a> recorded a while back.</p>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- HERE ENDS MADNESS -->
|
||
<section class="streambox" style="padding: 40px;">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h3 style="text-align: center;display: block;">This album can't be bought</h3>
|
||
<p>Stream, follow, like and subscribe!</p>
|
||
<div class="streamer">
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button icon brands fa-bandcamp">Bandcamp</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<h3 style="text-align: center;display: block;"> </h3>
|
||
|
||
<div class="streamer">
|
||
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/" alt="Stream from Spotify" title="Stream from Spotify" class="button icon brands fa-spotify">Spotify</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514" alt="Stream from Apple Music" title="Stream from Apple Music" class="button icon brands fa-apple">Apple Music</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'GooglePlay']);" target="_blank" rel="noopener" href="https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a" alt="Stream from Google Play" title="Stream from Google Play" class="button icon brands fa-google-play">Google Play</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Deezer']);" target="_blank" rel="noopener" href="https://www.deezer.com/fr/artist/56004012" alt="Stream from Deezer" title="Stream from Deezer" class="button icon brands fa-creative-commons-sampling">Deezer</a>
|
||
|
||
|
||
|
||
<a onclick="_paq.push(['trackEvent', 'StoreLink', 'Napster']);" target="_blank" rel="noopener" href="https://us.napster.com/artist/-setto-" alt="Stream from Napster" title="Stream from Napster" class="button icon brands fa-napster">Napster</a>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</section>
|
||
<section class="wrapper style1 align-center">
|
||
|
||
<div class="inner">
|
||
<h2>Track list</h2>
|
||
<p>Use thses pages to share one song in particular</p>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
|
||
<section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" >
|
||
<div class="content">
|
||
<h3>EP-Life of a Dudelini</h3>
|
||
<p>
|
||
11:23
|
||
<br /><strong>Cybersoul</strong>
|
||
<br />2020</p>
|
||
|
||
<ul class="actions stacked">
|
||
<li><a href="../../albums/live-with-hardware/1-ep-life-of-a-dudelini/" class="button">Track</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="image">
|
||
<img src="https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini.jpeg" alt="EP-Life of a Dudelini" />
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<section class="wrapper style1 align-center">
|
||
<div class="inner">
|
||
<div class="index align-left">
|
||
<!-- Author -->
|
||
|
||
<section>
|
||
|
||
<!-- Content -->
|
||
<div class="content">
|
||
<!-- post Naviation -->
|
||
<div style="text-align: center;">
|
||
<h3>More releases</h3>
|
||
</div>
|
||
<div class="post-nav">
|
||
<div>
|
||
|
||
<h4><a href="/albums/darkweb/" alt="Read Darkweb" title="Read Darkweb"><i class="fas fa-arrow-left"></i></a> <a href="/albums/darkweb/"> Darkweb</a></h4>
|
||
<p style="margin-right: 20px"></p>
|
||
|
||
</div>
|
||
<div class="post-nav-next">
|
||
|
||
</div>
|
||
</div>
|
||
<!-- End Post Navigation -->
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Footer -->
|
||
<footer id="footer" class="wrapper style1 align-center">
|
||
<div class="footflex">
|
||
<div>
|
||
<h4>徒 setto セット</h4>
|
||
<p>Set, Party, Gang! #Cybersoul.
|
||
<br /><a href="mailto:info@basspistol.com">info@basspistol.com</a></p>
|
||
</div>
|
||
<div>
|
||
<ul>
|
||
|
||
<li><a href="../../">Home</a></li>
|
||
|
||
|
||
<li><a href="/discography/">Discog</a></li>
|
||
|
||
<li><a href="/log/">Log</a></li>
|
||
|
||
<li><a href="/about/">About</a></li>
|
||
|
||
<li><a href="/links/">Links</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div><img src="../../images/setto-logo-dark.svg" style="max-width:300px" alt="徒 setto セット Logo" /></div>
|
||
</div>
|
||
<div class="inner">
|
||
<ul class="icons">
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Twitter" title="徒 setto セット on Twitter" rel="noopener" href="https://twitter.com/ToSettoSetto" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
||
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Instagram" title="徒 setto セット on Instagram" rel="noopener" href="https://www.instagram.com/tosettosetto/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
|
||
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Telegram" title="徒 setto セット on Telegram" rel="noopener" href="https://t.me/basspistol" class="icon brands style2 fa-telegram"><span class="label">Telegram</span></a></li>
|
||
|
||
|
||
|
||
<li><a target="_blank" alt="徒 setto セット on Reddit" title="徒 setto セット on Reddit" rel="noopener" href="https://www.reddit.com/r/basspistol" class="icon brands style2 fa-reddit"><span class="label">Reddit</span></a></li>
|
||
|
||
|
||
|
||
</ul>
|
||
<p>©2020 Basspistol | <a href="../../webcreds/">Credits</a> | <a href="../../cookies/">Cookies & Privacy</a></p>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
<!-- Navigation -->
|
||
<div id="logo" class="logo">
|
||
<a href="/"><img width="100em" src="/images/setto-logoicon.svg" alt=" Logo" /></a>
|
||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
|
||
</div>
|
||
|
||
<div id="navbar" style="display: block;" class="modalDialog">
|
||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||
<nav>
|
||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||
<ul>
|
||
|
||
<li><a href="../../" class="button smaller">Home</a></li>
|
||
|
||
|
||
|
||
<li><a href="../../discography/" class="button smaller">Discog</a></li>
|
||
|
||
|
||
|
||
<li><a href="../../log/" class="button smaller">Log</a></li>
|
||
|
||
|
||
|
||
<li><a href="../../about/" class="button smaller">About</a></li>
|
||
|
||
|
||
|
||
<li><a href="../../links/" class="button smaller">Links</a></li>
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
|
||
<!-- End Navigation -->
|
||
<!-- Scripts -->
|
||
|
||
|
||
|
||
|
||
<script src="../../assets/js/jquery.min.js"></script>
|
||
<script src="../../assets/js/jquery.scrollex.min.js"></script>
|
||
<script src="../../assets/js/jquery.scrolly.min.js"></script>
|
||
<script src="../../assets/js/browser.min.js"></script>
|
||
<script src="../../assets/js/breakpoints.min.js"></script>
|
||
<script src="../../assets/js/util.js"></script>
|
||
<script src="../../assets/js/main.js"></script>
|
||
<script src="../../assets/js/set.js"></script>
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
// html5media enables <video> and <audio> tags in all major browsers
|
||
// External File: http://api.html5media.info/1.1.8/html5media.min.js
|
||
|
||
|
||
// Add user agent as an attribute on the <html> tag...
|
||
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
|
||
var b = document.documentElement;
|
||
b.setAttribute('data-useragent', navigator.userAgent);
|
||
b.setAttribute('data-platform', navigator.platform);
|
||
|
||
|
||
// HTML5 audio player + playlist controls...
|
||
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
|
||
// Mythium Archive: https://archive.org/details/mythium/
|
||
jQuery(function ($) {
|
||
var supportsAudio = !!document.createElement('audio').canPlayType;
|
||
if (supportsAudio) {
|
||
var index = 0,
|
||
playing = false,
|
||
mediaPath = '',
|
||
extension = '',
|
||
tracks = [{
|
||
"track": 1,
|
||
"name": "EP-Life of a Dudelini",
|
||
"length": "11:23",
|
||
"file": "https://media.basspistol.com/setto.basspistol.com/live-with-hardware/1-ep-life-of-a-dudelini"
|
||
}],
|
||
trackCount = tracks.length,
|
||
npAction = $('#npAction'),
|
||
npTitle = $('#npTitle'),
|
||
audio = $('#audio1').bind('play', function () {
|
||
playing = true;
|
||
npAction.text('Playing...');
|
||
}).bind('pause', function () {
|
||
playing = false;
|
||
npAction.text('Paused...');
|
||
}).bind('ended', function () {
|
||
npAction.text('Paused...');
|
||
if ((index + 1) < trackCount) {
|
||
index++;
|
||
loadTrack(index);
|
||
audio.play();
|
||
} else {
|
||
audio.pause();
|
||
index = 0;
|
||
loadTrack(index);
|
||
}
|
||
}).get(0),
|
||
btnPrev = $('#btnPrev').click(function () {
|
||
if ((index - 1) > -1) {
|
||
index--;
|
||
loadTrack(index);
|
||
if (playing) {
|
||
audio.play();
|
||
}
|
||
} else {
|
||
audio.pause();
|
||
index = 0;
|
||
loadTrack(index);
|
||
}
|
||
}),
|
||
btnNext = $('#btnNext').click(function () {
|
||
if ((index + 1) < trackCount) {
|
||
index++;
|
||
loadTrack(index);
|
||
if (playing) {
|
||
audio.play();
|
||
}
|
||
} else {
|
||
audio.pause();
|
||
index = 0;
|
||
loadTrack(index);
|
||
}
|
||
}),
|
||
li = $('#plList li').click(function () {
|
||
var id = parseInt($(this).index());
|
||
if (id !== index) {
|
||
playTrack(id);
|
||
}
|
||
}),
|
||
loadTrack = function (id) {
|
||
$('.plSel').removeClass('plSel');
|
||
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||
npTitle.text(tracks[id].name);
|
||
index = id;
|
||
audio.src = mediaPath + tracks[id].file + extension;
|
||
$('audio').attr("data-matomo-title", tracks[id].name);
|
||
},
|
||
playTrack = function (id) {
|
||
loadTrack(id);
|
||
audio.play();
|
||
};
|
||
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||
loadTrack(index);
|
||
}
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
<div id="cookie-notice">
|
||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you enjoyed this enough to come back. <br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies. <br />Read more about how me & basspistol <a href="/cookies/">use cookies</a> </p>
|
||
<a class="button small yes" href="#" id="cookie-notice-accept">I'm in!</a>
|
||
</div>
|
||
|
||
<script>
|
||
function createCookie(name, value, days) {
|
||
var expires = "";
|
||
if (days) {
|
||
var date = new Date();
|
||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||
expires = "; expires=" + date.toUTCString();
|
||
}
|
||
document.cookie = name + "=" + value + expires + "; path=/";
|
||
}
|
||
function readCookie(name) {
|
||
var nameEQ = name + "=";
|
||
var ca = document.cookie.split(';');
|
||
for (var i = 0; i < ca.length; i++) {
|
||
var c = ca[i];
|
||
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||
}
|
||
return null;
|
||
}
|
||
function eraseCookie(name) {
|
||
createCookie(name, "", -1);
|
||
}
|
||
|
||
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||
|
||
//* Matomo Tag Manager *//
|
||
|
||
var _mtm = _mtm || [];
|
||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_kJUGWiO2.js'; s.parentNode.insertBefore(g,s);
|
||
|
||
//* End Matomo Tag Manager *//
|
||
|
||
|
||
|
||
} else {
|
||
document.getElementById('cookie-notice').style.display = 'flex';
|
||
|
||
var _paq = window._paq || [];
|
||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||
_paq.push(["disableCookies"]);
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="https://terminalnetwork.matomo.cloud/";
|
||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||
_paq.push(['setSiteId', '11']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
|
||
|
||
}
|
||
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||
document.getElementById('cookie-notice').style.display = 'none';
|
||
|
||
var _paq = window._paq || [];
|
||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||
_paq.push(["disableCookies"]);
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="https://terminalnetwork.matomo.cloud/";
|
||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||
_paq.push(['setSiteId', '11']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
|
||
}
|
||
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||
document.getElementById('cookie-notice').style.display = 'none';
|
||
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||
location.reload();
|
||
});
|
||
|
||
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||
document.getElementById('cookie-notice').style.display = 'none';
|
||
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||
location.reload();
|
||
});
|
||
|
||
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||
// document.getElementById('cookie-notice').style.display = 'none';
|
||
// location.reload();
|
||
// });
|
||
|
||
|
||
</script>
|
||
</body>
|
||
</html> |