<!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> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- .............................................. .............................................. ...........'';,............................... .........'',,;: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 "Darkweb" by 徒 Setto セット | 徒 setto セット</title> <meta name="title" content="Play "Darkweb" by 徒 Setto セット" /> <meta name="description" content="A release by 徒 Setto セット named "Darkweb" published on 徒 setto セット" /> <meta name="dc.date.modified" scheme="ISO8601" content="2020-08-03T09:21:51+00:00" /> <meta name="robots" content="index" /> <link rel="canonical" href="https://setto.basspistol.com/darkweb/" /> <link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com/darkweb/" /> <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 "Darkweb" published on 徒 setto セット" /> <meta name="dcterms.Title" content="Play "Darkweb" by 徒 Setto セット" /> <meta name="dcterms.Contributor" content="徒 setto セット" /> <meta name="dcterms.Date" content="2020-08-03" /> <meta name="dcterms.Description" content="Listen and to a release by 徒 Setto セット named "Darkweb" and support your remote artist!" /> <!-- Facebook --> <meta property="og:title" content="Darkweb by 徒 Setto セット" /> <meta property="og:locale" content="en" /> <meta property="og:description" content="Listen and to a release by 徒 Setto セット named "Darkweb" and support your remote artist!" /> <meta property="og:url" content="https://setto.basspistol.com/darkweb/" /> <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/darkweb/1-swipe.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3" /><meta property="og:audio" content="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3" /> <meta property="article:published_time" content="2020-08-03T09:21:51+00:00" /> <meta property="og:image" content="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Darkweb | 徒 setto セット" /> <meta name="twitter:description" content="Listen and to a release by 徒 Setto セット named "Darkweb" and support your remote artist!" /> <meta name="twitter:image" content="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg" /> <link rel="alternate" type="application/rss+xml" href="https://setto.basspistol.com/feed.xml" title="徒 setto セット" /> <!-- 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/post.html" data-cms-index="0"> <h1 class="editable" data-cms-source="/_layouts/post.html" data-cms-index="1">Darkweb</h1> <p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher...</p> <ul class="actions stacked"> <li><a href="#moe" class="button small smooth-scroll">Listen!</a></li> </ul> </div> <div class="image"> <img src="../images/darkweb.jpg" alt="Darkweb" class="editable" data-cms-source="/_layouts/post.html" data-cms-index="2" /> </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"> <div alt="Picture of 徒 setto セット" style="margin-right: 10px;background-image:url(/siteicon.png);background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;"> </div> <br /> <p style="font-style: normal;"><a href="mailto:setto@basspistol.com"><strong>徒 setto セット</strong></a></p> <p style="font-style: normal;">Geek | <a target="_blank" rel="noopener" href="https://keyserver.ubuntu.com/pks/lookup?search=setto%40basspistol.com&fingerprint=on&op=index">GPG</a></p> <p style="font-size:14px;font-style: normal;"> Published the 7:th of February 2019 </p> <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/darkweb/&quote=Darkweb%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/darkweb/&text=Darkweb%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/darkweb/&text=Darkweb%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/darkweb/&title=Darkweb%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 id="tracks"> <a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a> <a id="btnNext"><span class="icon solid fa-fast-forward"></span></a> </div> </div> <div id="plwrap"> <ul id="plList"> <li> <div class="plItem"> <div class="plNum">1.</div> <div class="plTitle">Swipe</div> <div class="plLength">4:41</div> </div> </li> <li> <div class="plItem"> <div class="plNum">2.</div> <div class="plTitle">Darkweb</div> <div class="plLength">4:45</div> </div> </li> <li> <div class="plItem"> <div class="plNum">3.</div> <div class="plTitle">Swipe (Instrumental)</div> <div class="plLength">4:42</div> </div> </li> <li> <div class="plItem"> <div class="plNum">4.</div> <div class="plTitle">Darkweb (Instrumental)</div> <div class="plLength">4:44</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/darkweb/1-swipe.mp3" target="_blank" rel="noopener">Swipe </a></div> <div class="plLength">4:41</div> </div> <div class="plItem"> <div class="plNum">2.</div> <div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.mp3" target="_blank" rel="noopener">Darkweb </a></div> <div class="plLength">4:45</div> </div> <div class="plItem"> <div class="plNum">3.</div> <div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.mp3" target="_blank" rel="noopener">Swipe (Instrumental) </a></div> <div class="plLength">4:42</div> </div> <div class="plItem"> <div class="plNum">4.</div> <div class="plTitle"><a href="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.mp3" target="_blank" rel="noopener">Darkweb (Instrumental) </a></div> <div class="plLength">4:44</div> </div> </div> </div> <div class="content editable" style="font-size: 16px;margin-top:60px;" data-cms-source="/_layouts/post.html" data-cms-index="3" data-cms-content-wrapper="/_layouts/post.html"> <p>As dystopian as the present might seem on-line, there is always room for the strange in the cypher.</p> <p>At the end of the tunnel through the flashy but controlled cyberspace we call the “Internet”, there is a light of hope for the underground.</p> <p>Cover-art by <a href="https://ritarn.com/" target="_blank" rel="noopener">Mattias “Ritarn” Lindström</a></p> </div> </div> </section> </div> </div> </section> <section class="streambox" style="padding: 40px;"> <h2 style="text-align: center;display: block;">Get this release</h2> <div class="streamer"> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> </div> <p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p> <div class="streamer"> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small 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/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small 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/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small 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-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a> </div> </section> <!-- Tracks --> <section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" style="box-shadow: none;" > <div class="content"> <h3>Swipe</h3> <p> 4:41 <br /><strong>Cyber Soul</strong> <br />2019</p> <ul class="actions stacked"> <li><a href="../albums/darkweb/1-swipe/" class="button small icon solid fa-play">Play</a></li> </ul> </div> <div class="image"> <img src="https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe.jpeg" alt="Swipe" /> </div> </section> <section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" > <div class="content"> <h3>Darkweb</h3> <p> 4:45 <br /><strong>Cypher Rap</strong> <br />2019</p> <ul class="actions stacked"> <li><a href="../albums/darkweb/2-darkweb/" class="button small icon solid fa-play">Play</a></li> </ul> </div> <div class="image"> <img src="https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb.jpeg" alt="Darkweb" /> </div> </section> <section class="spotlight style4 orient-left content-align-left image-position-center onscroll-image-fade-in" > <div class="content"> <h3>Swipe (Instrumental)</h3> <p> 4:42 <br /><strong>Cyber Soul</strong> <br />2019</p> <ul class="actions stacked"> <li><a href="../albums/darkweb/3-swipe-instrumental-/" class="button small icon solid fa-play">Play</a></li> </ul> </div> <div class="image"> <img src="https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-.jpeg" alt="Swipe (Instrumental)" /> </div> </section> <section class="spotlight style4 orient-right content-align-left image-position-center onscroll-image-fade-in" > <div class="content"> <h3>Darkweb (Instrumental)</h3> <p> 4:44 <br /><strong>Cypher Rap</strong> <br />2019</p> <ul class="actions stacked"> <li><a href="../albums/darkweb/4-darkweb-instrumental-/" class="button small icon solid fa-play">Play</a></li> </ul> </div> <div class="image"> <img src="https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-.jpeg" alt="Darkweb (Instrumental)" /> </div> </section> <!-- END Tracks --> <!-- HERE ENDS MADNESS --> <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>Read more posts</h3> </div> <div class="post-nav"> <div> <h4><a href="/satoshi-mon-ami/" alt="Read Satoshi Mon Ami" title="Read Satoshi Mon Ami"><i class="fas fa-arrow-left"></i></a> <a href="/satoshi-mon-ami/"> Satoshi Mon Ami</a></h4> <p style="margin-right: 20px">The 2 tracks of laid back cloud rap are tales of daily digital life-struggles. When day-to-day communication blurs the line between the virtual and real.</p> </div> <div class="post-nav-next"> <h4><a href="/cyber-grany/"> Granny is a cyborg now</a> <a href="/cyber-grany/" alt="Read Granny is a cyborg now" title="Read Granny is a cyborg now"><i class="fas fa-arrow-right"></i></a></h4> <p style="margin-left: 20px">Jazzy Cybersoul with a hint of 303 baselines.</p> </div> </div> <!-- End Post Navigation --> </div> </section> </div> </div> </section> <!-- Footer --> <section class="streambox" style="padding: 40px;"> <h2 style="text-align: center;display: block;">Get this release</h2> <div class="streamer"> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target="_blank" rel="noopener" href="https://shop.basspistol.com/album/darkweb" alt="Stream from Bandcamp" title="Stream from Bandcamp" class="button small icon brands fa-bandcamp">Bandcamp</a> </div> <p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p> <div class="streamer"> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Spotify']);" target="_blank" rel="noopener" href="https://open.spotify.com/album/0meSZO7BeGoHJc6BWnRvhN" alt="Stream from Spotify" title="Stream from Spotify" class="button small icon brands fa-spotify">Spotify</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Tidal']);" target="_blank" rel="noopener" href="https://listen.tidal.com/album/102587870" alt="Stream from Tidal" title="Stream from Tidal" class="button small icon brands fa-creative-commons-sampling">Tidal</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'AppleMusic']);" target="_blank" rel="noopener" href="https://itunes.apple.com/us/album/darkweb-single/1449847586" alt="Stream from Apple Music" title="Stream from Apple Music" class="button small 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/album/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88_Darkweb?id=Bcrzzrtj7yfcyladynit7hg4age" alt="Stream from Google Play" title="Stream from Google Play" class="button small 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/album/84669482" alt="Stream from Deezer" title="Stream from Deezer" class="button small 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-/album/darkweb-single" alt="Stream from Napster" title="Stream from Napster" class="button small icon brands fa-napster">Napster</a> <a onclick="_paq.push(['trackEvent', 'StoreLink', 'Youtube']);" target="_blank" rel="noopener" href="https://www.youtube.com/playlist?list=OLAK5uy_khsKshJLKdcurSUZzssZliYbrVOQx9GT8" alt="Stream from Youtube" title="Stream from Youtube" class="button small icon brands fa-youtube">Youtube</a> </div> </section> <footer id="footer" class="wrapper style1 align-center"> <div class="footflex"> <div> <h4>徒 setto セット</h4> <p>Set, Party, Gang! #Cybersoul. <br /><a href="mailto:setto@basspistol.com">setto@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="徒 setto セット 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": "Swipe", "length": "4:41", "file": "https://media.basspistol.com/setto.basspistol.com/darkweb/1-swipe" },{ "track": 2, "name": "Darkweb", "length": "4:45", "file": "https://media.basspistol.com/setto.basspistol.com/darkweb/2-darkweb" },{ "track": 3, "name": "Swipe (Instrumental)", "length": "4:42", "file": "https://media.basspistol.com/setto.basspistol.com/darkweb/3-swipe-instrumental-" },{ "track": 4, "name": "Darkweb (Instrumental)", "length": "4:44", "file": "https://media.basspistol.com/setto.basspistol.com/darkweb/4-darkweb-instrumental-" }], 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>