2020-08-04 12:18:19 +02:00
<!DOCTYPE HTML>
2020-08-02 09:07:18 +02:00
<!--
2020-08-04 12:18:19 +02:00
Publikatorized by Sakrecoer
2020-09-21 13:42:30 +02:00
Free for personal and commercial use under the CCA 3.0 license.
2020-08-02 09:07:18 +02:00
-->
< 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!
...........'''''..............................
..............................................
..............................................
..............................................
..............................................
-->
2020-11-20 17:08:42 +01:00
2020-08-02 09:07:18 +02:00
<!-- BEGIN seo.html -->
< title > Play " Unmet Dependencies" by 徒 setto セット | 徒 setto セット< / title >
< meta name = "title" content = "Play "Unmet Dependencies" by 徒 setto セット" / >
< meta name = "description" content = "A release by 徒 setto セット named "Unmet Dependencies" published on 徒 setto セット" / >
2020-11-24 17:21:13 +01:00
< meta name = "dc.date.modified" scheme = "ISO8601" content = "2020-11-16T16:13:42+00:00" / >
2020-08-02 09:07:18 +02:00
< meta name = "robots" content = "index" / >
< link rel = "canonical" href = "https://setto.basspistol.com/unmet-dependencies/" / >
< link rel = "alternate" hreflang = "x-default" href = "https://setto.basspistol.com/unmet-dependencies/" / >
< 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 "Unmet Dependencies" published on 徒 setto セット" / >
< meta name = "dcterms.Title" content = "Play "Unmet Dependencies" by 徒 setto セット" / >
< meta name = "dcterms.Contributor" content = "徒 setto セット" / >
2020-08-05 08:53:48 +02:00
< meta name = "dcterms.Date" content = "2020-08-02" / >
2020-08-02 09:07:18 +02:00
< meta name = "dcterms.Description" content = "Listen and to a release by 徒 setto セット named "Unmet Dependencies" and support your remote artist!" / >
<!-- Facebook -->
< meta property = "og:title" content = "Unmet Dependencies by 徒 setto セット" / >
< meta property = "og:locale" content = "en" / >
< meta property = "og:description" content = "Listen and to a release by 徒 setto セット named "Unmet Dependencies" and support your remote artist!" / >
2020-08-02 23:38:17 +02:00
< meta property = "og:url" content = "https://setto.basspistol.com/unmet-dependencies/" / >
2020-08-02 09:07:18 +02:00
< 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/unmet-dependencies/1-dependency-error.mp3" / > < meta property = "og:audio" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" / >
2020-08-05 08:53:48 +02:00
< meta property = "article:published_time" content = "2020-08-02T07:00:00+00:00" / >
2020-08-02 09:07:18 +02:00
< meta property = "og:image" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" / >
<!-- Twitter Card -->
2020-10-16 13:20:17 +02:00
< meta name = "twitter:card" content = "summary_large_image" >
2020-08-02 09:07:18 +02:00
< meta name = "twitter:title" content = "Unmet Dependencies | 徒 setto セット" / >
< meta name = "twitter:description" content = "Listen and to a release by 徒 setto セット named "Unmet Dependencies" and support your remote artist!" / >
< meta name = "twitter:image" content = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg" / >
2020-08-03 00:11:56 +02:00
2020-08-02 09:07:18 +02:00
< link rel = "alternate" type = "application/rss+xml" href = "https://setto.basspistol.com/feed.xml" title = "徒 setto セット" / >
<!-- END seo.html -->
< meta name = "viewport" content = "width=device-width, initial-scale=1, user-scalable=yes" / >
2020-08-04 12:18:19 +02:00
< link rel = "stylesheet" href = "../assets/css/all.min.css" / >
2020-11-17 17:31:38 +01:00
< link rel = "stylesheet" href = "../assets/css/colors-20201117.css" / >
< link rel = "stylesheet" href = "../assets/css/main-20201117.css" / >
2020-08-04 12:18:19 +02:00
< 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" >
2020-08-02 09:07:18 +02:00
< link rel = "shortcut icon" href = "https://setto.basspistol.com/images/setto-logoicon.svg" type = "image/png" / >
2020-11-17 17:31:38 +01:00
< noscript > < link rel = "stylesheet" href = "../assets/css/noscripts-20201117.css" / > < / noscript >
2020-09-11 19:14:22 +02:00
< meta name = "theme-color" content = "" / >
2020-08-12 17:39:56 +02:00
2020-08-05 19:06:38 +02:00
2020-08-02 09:07:18 +02:00
< / head >
2020-08-04 12:18:19 +02:00
< body >
2020-08-02 09:07:18 +02:00
<!-- Wrapper -->
2020-09-11 19:14:22 +02:00
2020-08-04 12:18:19 +02:00
< div id = "main-wrapper" >
2020-09-11 19:14:22 +02:00
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< script src = "/assets/js/jquery-3.5.1.min.js" > < / script >
2020-09-25 14:02:02 +02:00
< header class = "hero" style = "background-image: url(../images/posts/final-pingnucover1220x1200.jpg);" >
2020-09-18 12:06:10 +02:00
< div class = "imagecontainer" >
< h4 > Unmet Dependencies< / h4 >
< / div >
2020-09-18 13:05:07 +02:00
< div class = "splash" >
< div class = "splash-logo" >
2020-09-18 13:16:44 +02:00
< a href = "#play" > < img src = "/images/setto-logoicon.svg" width = "240px" alt = "徒 setto セット Logo" / > < / a >
2020-09-18 13:05:07 +02:00
< / div >
< div class = "description" >
< h1 > Unmet Dependencies< / h1 >
< p > Proprietary tools, consultancies, remote labor... The reality in the digital industry is as hard to cope with as it is building software in Haskell. Freedom is luxury, but also a burden.
Open your mind, open the source!< / p >
< p > < a href = "#play" class = "button" > 🔊 Listen< / a > < / p >
< / div >
< / div >
2020-09-18 12:06:10 +02:00
< / header >
2020-09-11 19:14:22 +02:00
2020-09-18 12:06:10 +02:00
< section id = "play" >
2020-09-11 19:14:22 +02:00
< div class = "album-player" >
2020-08-04 12:18:19 +02:00
<!-- HERE BEGINS MADNESS -->
2020-09-11 19:14:22 +02:00
2020-08-04 12:18:19 +02:00
2020-11-20 17:08:42 +01:00
2020-08-04 12:18:19 +02:00
< div class = "player-wrap" >
< div id = "plwrap" >
< h2 > Track list< / h2 >
< ul id = "plList" >
2020-11-16 16:52:27 +01:00
< li >
2020-08-04 12:18:19 +02:00
< div class = "plItem" >
< div class = "plNum" > 1.< / div >
< div class = "plTitle" > Dependency Error< / div >
< div class = "plLength" >
5:13
< / div >
< / div >
< / li >
2020-11-16 16:52:27 +01:00
< li >
2020-08-04 12:18:19 +02:00
< div class = "plItem" >
< div class = "plNum" > 2.< / div >
< div class = "plTitle" > Pingnu< / div >
< div class = "plLength" >
3:42
< / div >
< / div >
< / li >
2020-08-02 09:07:18 +02:00
< / ul >
< / div >
2020-08-04 12:18:19 +02:00
< / div >
< div class = "noJSalbum" >
2020-08-05 10:56:50 +02:00
< div class = "coverartwrapper" >
< div class = "coverartwrapped" style = "background-image: url(/images/posts/final-pingnucover1220x1200.jpg);" > < / div >
< / div >
2020-08-04 12:18:19 +02:00
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< div class = "plItem" >
< div class = "plNum" > 1.< / div >
2020-11-16 16:52:27 +01:00
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.mp3" target = "_blank" rel = "noopener" > Dependency Error < / a > < / div >
2020-08-04 12:18:19 +02:00
< div class = "plLength" >
5:13
< / div >
< / div >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< div class = "plItem" >
< div class = "plNum" > 2.< / div >
2020-11-16 16:52:27 +01:00
< div class = "plTitle" > < a href = "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.mp3" target = "_blank" rel = "noopener" > Pingnu < / a > < / div >
2020-08-04 12:18:19 +02:00
< div class = "plLength" >
3:42
< / div >
2020-08-02 09:07:18 +02:00
< / div >
2020-08-04 12:18:19 +02:00
< / div >
2020-08-02 09:07:18 +02:00
2020-08-05 10:56:50 +02:00
2020-08-04 12:18:19 +02:00
< div class = "coverart" >
< div class = "coverartwrapper" >
< div id = "npImage" class = "coverartwrapped" > < / div >
< / div >
2020-08-05 10:56:50 +02:00
2020-08-04 12:18:19 +02:00
< div id = "author" >
< div class = "bio" >
2020-10-16 13:07:53 +02:00
2020-08-04 12:18:19 +02:00
< p class = "date" >
Published the
2020-10-16 13:07:53 +02:00
< time datetime = "2020-08-02 07:00:00 +0000" >
2020-08-02 09:07:18 +02:00
2:nd
of
August
2020
2020-10-16 13:07:53 +02:00
< / time >
2020-08-04 12:18:19 +02:00
< / p >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< h6 >
Share this page:
< / h6 >
< ul >
2020-10-08 13:23:37 +02:00
< 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/unmet-dependencies/?pk_campaign=homeshare&quote=Proprietary tools , consultancies , remote labor . . . The reality in the digital industry is as hard to cope with as it is building software in Haskell . Freedom is luxury , but also a burden .
2020-10-08 13:07:21 +02:00
2020-10-16 13:07:53 +02:00
Open your mind, open the source!%20By%20徒 setto セット%20via%20https://setto.basspistol.com" class="icon smaller fab fa-facebook-f">< span class = "label" > Facebook< / span > < / a >
2020-10-08 13:23:37 +02:00
< a target = "_blank" rel = "nofollow noopener" title = "Share to twitter" alt = "Share to twitter" href = "https://twitter.com/share?url=https://setto.basspistol.com/unmet-dependencies/?pk_campaign=homeshare&text=Proprietary tools , consultancies , remote labor . . . The reality in the digital industry is as hard to cope with as it is building software in Haskell . Freedom is luxury , but also a burden .
2020-10-08 13:07:21 +02:00
2020-10-16 13:07:53 +02:00
Open your mind, open the source!%20via%20@ ToSettoSetto%20& hashtags=#basspistol" class="icon smaller fab fa-twitter">< span class = "label" > Twitter< / span > < / a >
2020-10-08 13:23:37 +02:00
< 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/unmet-dependencies/?pk_campaign=homeshare&text=Proprietary tools , consultancies , remote labor . . . The reality in the digital industry is as hard to cope with as it is building software in Haskell . Freedom is luxury , but also a burden .
2020-10-08 13:07:21 +02:00
2020-10-16 13:07:53 +02:00
Open your mind, open the source!%20via%20@ tosettosetto" class="icon smaller fab fa-telegram">< span class = "label " > Telegram< / span > < / a >
2020-10-08 13:23:37 +02:00
< a target = "_blank" rel = "nofollow noopener" title = "Share to reddit" alt = "Share to reddit" href = "https://reddit.com/submit/?url=https://setto.basspistol.com/unmet-dependencies/?pk_campaign=homeshare&title=Proprietary tools , consultancies , remote labor . . . The reality in the digital industry is as hard to cope with as it is building software in Haskell . Freedom is luxury , but also a burden .
2020-10-08 13:07:21 +02:00
2020-10-16 13:07:53 +02:00
Open your mind, open the source!%20By%20徒 setto セット" class="icon smaller fab fa-reddit">< span class = "label" > Reddit< / span > < / a >
2020-08-04 12:18:19 +02:00
< / ul >
2020-11-16 16:52:27 +01:00
< br / >
2020-10-20 13:16:26 +02:00
< a href = "../chat/#read" target = "_blank" class = "button" > 📢 Chat< / a >
2020-08-02 09:07:18 +02:00
2020-10-16 13:07:53 +02:00
2020-08-04 12:18:19 +02:00
< / div >
< / div >
2020-08-02 09:07:18 +02:00
< / div >
2020-09-11 19:14:22 +02:00
< / div >
2020-08-12 16:08:55 +02:00
< / section >
< section class = "info" >
2020-10-16 13:07:53 +02:00
< div class = "container" >
2020-09-23 15:19:04 +02:00
< h2 id = "oldies-but-goldies" > Oldies, but goldies< / h2 >
2020-08-12 16:08:55 +02:00
2020-10-08 12:27:46 +02:00
< p > It is through these 2 tracks that i found the To Setto Setto in me. Before that i used to do some (Excellent, but) sort of lamo Electro-pop. Originally released under Sethybwoy, around 2016, they got some traction in Cyperpunk and geek circles, but never quite made it further…< / p >
2020-08-12 16:08:55 +02:00
< p > I don’ < / p >
< p > Hope you like them!< / p >
< p > Here is a video that was made for the track Pingnu. It’ ’ < / p >
2020-11-14 10:46:39 +01:00
< iframe sandbox = "allow-same-origin allow-scripts allow-popups" src = "https://v.basspistol.org/videos/embed/eee983fc-6619-4804-8e49-1b276015f8fa?subtitle=fr" allowfullscreen = "" width = "100%" height = "360" frameborder = "0" > < / iframe >
2020-08-12 16:08:55 +02:00
2020-10-16 13:07:53 +02:00
2020-08-12 16:08:55 +02:00
< / div >
< / section >
2020-08-04 12:18:19 +02:00
< div id = "fixedPlayer" class = "showplayer hideplayer" >
< 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 = "nowPlay" >
< div id = "tracks" >
< a id = "btnPrev" > < span class = "fas fa-fast-backward" > < / span > < / a >
< a id = "btnNext" > < span class = "fas fa-fast-forward" > < / span > < / a >
< / div >
< p class = "right" id = "npTitle" style = "font-weight: bold;" > < / p >
< p class = "left" id = "npAction" > Paused...< / p >
< / div >
< / div >
2020-08-02 09:07:18 +02:00
2020-08-03 11:21:59 +02:00
2020-08-04 12:18:19 +02:00
< section class = "streambox" >
< h2 > Get this release< / h2 >
< div class = "streamer" >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target = "_blank" rel = "noopener" href = "https://shop.basspistol.com/album/unmet-dependencies" title = "Stream from Bandcamp" class = "icon fab fa-bandcamp" > < span class = "label" > Bandcamp< / span > < / a >
2020-11-14 10:46:39 +01:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Audius']);" target = "_blank" rel = "noopener" href = "https://audius.co/tosettosetto/playlist/unmet-dependencies-11206" title = "Stream from Audius" class = "icon fab fa-creative-commons-sampling" > < span class = "label" > Audius< / span > < / a >
2020-08-04 12:18:19 +02:00
2020-11-14 10:46:39 +01:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'PeerTube']);" target = "_blank" rel = "noopener" href = "https://v.basspistol.org/videos/watch/playlist/e2e57ea1-5ed1-41a2-afd9-f8f9a0b7d1c6" title = "Stream from PeerTube" class = "icon fab fa-youtube" > < span class = "label" > PeerTube< / span > < / a >
2020-08-04 12:18:19 +02:00
< / div >
< / section >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
<!-- Tracks -->
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< section class = "track-picker" >
< div class = "full-image" style = "background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error.jpeg);" >
< / div >
< div >
< h2 > Dependency Error< / h2 >
2020-08-02 09:07:18 +02:00
< p >
5:13
2020-08-04 17:52:55 +02:00
| < strong > Cybersoul< / strong > < / p >
< p > 2020< / p >
2020-10-16 13:12:25 +02:00
< p > < a href = "../unmet-dependencies/1-dependency-error/" class = "button" > 🔊 Play< / a > < / p >
2020-10-16 13:07:53 +02:00
< p >
Sudo apt update< br / >
Sudo apt upgrade< br / >
Sudo apt update< br / >
Sudo apt upgrade< br / >
< br / >
There is an error with my dependencies< br / >
Consultd 1.2 and emplyomentd 1.70< br / >
I cannot pay my rent without their libraries< br / >
And to install I need to share my salary< br / >
Where do I fit in this society< br / >
The more I look and the less I see< br / >
They want no robots nor do they want me< br / >
Because work is a point in the agenda of the party< br / >
< br / >
Sudo apt update< br / >
Sudo apt upgrade< br / >
Sudo apt update< br / >
Sudo apt upgrade< br / >
< br / >
My liver isn't black market worthy< br / >
And my master degree from a street university< br / >
My ambitions are low and I am debt free< br / >
There is no room in the industry for robots like me< br / >
Don't get me wrong I would also like to be< br / >
Installed and running and compatible with society< br / >
But I am running a different library< br / >
Because my kernel is still libre and free< br / >
< br / >
Sudo apt update< br / >
Sudo apt upgrade< br / >
Sudo apt update< br / >
Sudo apt upgrade< br / >
< / p >
2020-08-02 09:07:18 +02:00
< / div >
< / section >
2020-08-04 12:18:19 +02:00
< section class = "track-picker" >
< div class = "full-image" style = "background-image:url(https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu.jpeg);" >
< / div >
< div >
< h2 > Pingnu< / h2 >
2020-08-02 09:07:18 +02:00
< p >
3:42
2020-08-04 17:52:55 +02:00
| < strong > Cybersoul< / strong > < / p >
< p > 2020< / p >
2020-10-16 13:12:25 +02:00
< p > < a href = "../unmet-dependencies/2-pingnu/" class = "button" > 🔊 Play< / a > < / p >
2020-10-16 13:07:53 +02:00
< p >
I’ < br / >
Looking at the world, looking at you.< br / >
Free at the core, i wonder why don’ < br / >
Look at me the way i look at you.< br / >
< br / >
It would be so nice, if you could take me in.< br / >
Your computer and i could change the world we’ < br / >
Your freedom is being diluted.< br / >
And your code is being polluted.< br / >
< br / >
I’ < br / >
Looking at the world, looking at you.< br / >
Free at the core, i wonder why don’ < br / >
Look at me the way i look at you.< br / >
< br / >
It would be so nice, if you could compute.< br / >
Your freedom is not to dilute,< br / >
Someone has taken your tool into dispute,< br / >
This is what together we should refute.< br / >
< / p >
2020-08-02 09:07:18 +02:00
< / div >
< / section >
2020-08-04 12:18:19 +02:00
<!-- END Tracks -->
<!-- HERE ENDS MADNESS -->
<!-- post Naviation -->
< section class = "post-navigation" >
2020-09-11 19:14:22 +02:00
< div class = "container" >
< div class = "post-nav" >
2020-11-16 16:52:27 +01:00
< h4 > < a href = "../live-with-hardware/" alt = "Read Live with hardware" title = "Read Live with hardware" > < span class = "fas fa-arrow-left" style = "font-size:3em;text-decoration: none;" > < / span > < / a > < / h4 >
2020-09-11 19:14:22 +02:00
< h3 > Live with hardware< / h3 >
< 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< / p >
< / div >
< div class = "post-nav-next" >
< h4 > < a href = "/333mix/" > < span class = "fas fa-arrow-right" style = "font-size:3em;" > < / span > < / a > < / h4 >
< h3 > 333mix< / h3 >
< p > Pignu got Chopped & Screwed by KodTreatment< / p >
< / div >
< / div >
2020-08-04 12:18:19 +02:00
2020-08-02 09:07:18 +02:00
< / section >
2020-08-04 12:18:19 +02:00
<!-- End Post Navigation -->
< 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": "Dependency Error",
"length": "5:13",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error",
"image": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/1-dependency-error"
},{
"track": 2,
"name": "Pingnu",
"length": "3:42",
"file": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu",
"image": "https://media.basspistol.com/setto.basspistol.com/unmet-dependencies/2-pingnu"
}],
trackCount = tracks.length,
npAction = $('#npAction'),
npTitle = $('#npTitle'),
npImage = $('#npImage'),
audio = $('#audio1').bind('play', function () {
playing = true;
npAction.text('Playing...');
$('#fixedPlayer').removeClass('hideplayer');
$("#npImage").addClass('spinnit');
}).bind('pause', function () {
playing = false;
npAction.text('Paused...');
$("#npImage").removeClass('spinnit');
}).bind('ended', function () {
npAction.text('Paused...');
if ((index + 1) < trackCount ) {
index++;
loadTrack(index);
2020-08-05 10:56:50 +02:00
playTrack(index);
2020-08-04 12:18:19 +02:00
audio.play();
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}).get(0),
btnPrev = $('#btnPrev').click(function () {
if ((index - 1) > -1) {
index--;
loadTrack(index);
playTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
btnNext = $('#btnNext').click(function () {
if ((index + 1) < trackCount ) {
index++;
loadTrack(index);
playTrack(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 || playing == false) {
playTrack(id);
}else {
audio.pause();
}
}),
loadTrack = function (id) {
npTitle.text(tracks[id].name);
index = id;
audio.src = mediaPath + tracks[id].file + extension;
$('audio').attr("data-matomo-title", tracks[id].name);
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
},
playTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
loadTrack(id);
audio.play();
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
};
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
loadTrack(index);
}
});
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< / script >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
<!-- Footer -->
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< section class = "streambox" >
< h2 > Get this release< / h2 >
< div class = "streamer" >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Bandcamp']);" target = "_blank" rel = "noopener" href = "https://shop.basspistol.com/album/unmet-dependencies" title = "Stream from Bandcamp" class = "icon fab fa-bandcamp" > < span class = "label" > Bandcamp< / span > < / a >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
2020-08-02 09:07:18 +02:00
2020-11-14 10:46:39 +01:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'Audius']);" target = "_blank" rel = "noopener" href = "https://audius.co/tosettosetto/playlist/unmet-dependencies-11206" title = "Stream from Audius" class = "icon fab fa-creative-commons-sampling" > < span class = "label" > Audius< / span > < / a >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
2020-08-02 09:07:18 +02:00
2020-11-14 10:46:39 +01:00
< a onclick = "_paq.push(['trackEvent', 'StoreLink', 'PeerTube']);" target = "_blank" rel = "noopener" href = "https://v.basspistol.org/videos/watch/playlist/e2e57ea1-5ed1-41a2-afd9-f8f9a0b7d1c6" title = "Stream from PeerTube" class = "icon fab fa-youtube" > < span class = "label" > PeerTube< / span > < / a >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< / div >
< / section >
2020-08-02 09:07:18 +02:00
2020-09-11 19:14:22 +02:00
<!-- Footer -->
2020-08-04 12:18:19 +02:00
< footer >
2020-09-11 19:14:22 +02:00
< div class = "footframe" >
< div >
< h3 > 徒 setto セット< / h3 >
2020-09-25 14:17:16 +02:00
< p > Set, Party, Gang! #Cybersoul.< / p >
2020-09-11 19:14:22 +02:00
< ul >
< li > < a href = "../" > 🏡 Home< / a > < / li >
< li > < a href = "/discography/" > 💽 Discog< / a > < / li >
< li > < a href = "/log/" > 📰 Log< / a > < / li >
2020-11-16 17:13:49 +01:00
< li > < a href = "https://v.basspistol.org/accounts/setto/video-channels" target = "_blank" rel = "noopener"
>📺 Video< / a > < / li >
2020-11-16 17:10:18 +01:00
2020-09-11 19:14:22 +02:00
< li > < a href = "/about/" > 🐿 About< / a > < / li >
< li > < a href = "/links/" > 🔗 Links< / a > < / li >
2020-11-16 17:10:18 +01:00
< li > < a href = "/chat/#read" > 📢 Chat< / a > < / li >
2020-09-11 19:14:22 +02:00
< / ul >
< / div >
2020-08-02 09:07:18 +02:00
2020-09-11 19:14:22 +02:00
< div > < a href = "#main-wrapper" > < img src = "../images/setto-logoicon.svg" alt = "徒 setto セット Logo" / > < / a > < / div >
< small >
< div style = "text-align: center;" >
< a target = "_blank" alt = "徒 setto セット on Mastodon" title = "徒 setto セット on Mastodon" rel = "me noopener"
2020-11-14 18:20:32 +01:00
href="https://kolektiva.social/@setto" class="icon small fab fa-mastodon">< span class = "label" > Mastodon< / span > < / a >
2020-09-11 19:14:22 +02:00
< a target = "_blank" alt = "徒 setto セット on Telegram" title = "徒 setto セット on Telegram" rel = "noopener"
2020-10-08 13:07:21 +02:00
href="https://t.me/tosettosetto" class="icon small fab fa-telegram">< span class = "label" > Telegram< / span > < / a >
2020-09-11 19:14:22 +02:00
< a target = "_blank" alt = "徒 setto セット on Reddit" title = "徒 setto セット on Reddit" rel = "noopener"
href="https://www.reddit.com/r/basspistol" class="icon small fab fa-reddit">< span class = "label" > Reddit< / span > < / a >
< a target = "_blank" alt = "email" title = "email" href = "mailto:setto@basspistol.com" class = "icon small fas fa-envelope-open-text" > < span
class="label">Email< / span > < / a >
< / div >
< p > © 2020 Basspistol | < a href = "../webcreds/" > Credits< / a > |
< a href = "../cookies/" > Cookies & Privacy< / a >
2020-11-16 16:52:27 +01:00
< br / > This page was last updated on Monday, Nov 16, 2020< / p >
2020-09-11 19:14:22 +02:00
< / small >
< / div >
2020-08-04 12:18:19 +02:00
< / footer >
2020-08-02 09:07:18 +02:00
2020-09-11 19:14:22 +02:00
2020-08-04 12:18:19 +02:00
<!-- END Footer -->
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< / div >
<!-- END Wrapper -->
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
<!-- Navigation -->
< div id = "sticky" class = "logo" >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< a id = "logo" href = "/" > < img height = "40px" src = "/images/setto-logo.svg" alt = "徒 setto セット Logo" / > < / a >
< a href = "#navbar" onclick = "blurBody()" alt = "Navigation Menu" title = "Navigation Menu" > < span
class="fas fa-bars navmenu">< / span > < / a >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< / div >
2020-08-02 09:07:18 +02:00
2020-08-04 12:18:19 +02:00
< div id = "navbar" 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" > X< / a >
< ul >
2020-09-11 19:14:22 +02:00
< li > < a href = "../" onclick = "removeBlur()" class = "button" > 🏡 Home< / a > < / li >
2020-08-04 12:18:19 +02:00
2020-09-11 19:14:22 +02:00
< li > < a href = "../discography/" onclick = "removeBlur()" class = "button" > 💽 Discog< / a > < / li >
2020-08-04 12:18:19 +02:00
2020-09-11 19:14:22 +02:00
< li > < a href = "../log/" onclick = "removeBlur()" class = "button" > 📰 Log< / a > < / li >
2020-08-04 12:18:19 +02:00
2020-11-16 17:13:49 +01:00
< li > < a href = "https://v.basspistol.org/accounts/setto/video-channels" target = "_blank" rel = "noopener" onclick = "removeBlur()" class = "button" > 📺 Video< / a > < / li >
2020-11-16 17:10:18 +01:00
2020-09-11 19:14:22 +02:00
< li > < a href = "../about/" onclick = "removeBlur()" class = "button" > 🐿 About< / a > < / li >
2020-08-04 12:18:19 +02:00
2020-09-11 19:14:22 +02:00
< li > < a href = "../links/" onclick = "removeBlur()" class = "button" > 🔗 Links< / a > < / li >
2020-08-04 12:18:19 +02:00
2020-11-16 17:10:18 +01:00
< li > < a href = "../chat/#read" onclick = "removeBlur()" class = "button" > 📢 Chat< / a > < / li >
2020-08-04 12:18:19 +02:00
< / ul >
< / nav >
< / div >
<!-- End Navigation -->
2020-08-11 14:50:23 +02:00
2020-08-02 09:07:18 +02:00
< div id = "cookie-notice" >
2020-08-04 12:18:19 +02:00
2020-09-11 19:14:22 +02:00
< p >
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
< br / > < a href = "#" id = "cookie-notice-decline" > Click here< / a > if you want this to go away without cookies.
< br / > Read more about < a href = "/cookies/" > how 徒 setto セット use cookies< / a >
2020-08-04 12:18:19 +02:00
< / p >
< a class = "button yes" href = "#"
2020-09-11 19:14:22 +02:00
id="cookie-notice-accept">Ok< / a >
2020-08-04 12:18:19 +02:00
2020-08-02 09:07:18 +02:00
< / 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();
}
2020-08-10 13:56:49 +02:00
document.cookie = name + "=" + value + expires + "; path=/;SameSite=Strict";
2020-08-02 09:07:18 +02:00
}
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];
2020-09-11 19:14:22 +02:00
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);
2020-08-02 09:07:18 +02:00
//* 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];
2020-09-11 19:14:22 +02:00
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
2020-08-02 09:07:18 +02:00
})();
}
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];
2020-09-11 19:14:22 +02:00
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
2020-08-02 09:07:18 +02:00
})();
}
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
2020-11-20 10:38:45 +01:00
createCookie('cookie-notice-dismissed', 'wantCookies', 90);
2020-08-02 09:07:18 +02:00
document.getElementById('cookie-notice').style.display = 'none';
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
location.reload();
});
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
2020-11-20 10:38:45 +01:00
createCookie('cookie-notice-dismissed', 'dontWantCookies', 90);
2020-08-02 09:07:18 +02:00
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 >
2020-08-04 12:18:19 +02:00
<!-- Scripts -->
2020-11-17 17:31:38 +01:00
< script src = "../assets/js/set-20201117.js" > < / script >
2020-08-04 12:18:19 +02:00
2020-08-10 13:17:23 +02:00
2020-08-10 12:48:06 +02:00
< div class = "fullscreen-bg" >
2020-11-22 10:50:27 +01:00
< video data-matomo-ignore autoplay muted loop poster = "/images/posts/final-pingnucover1220x1200.jpg" class = "fullscreen-bg__video" >
2020-09-11 19:14:22 +02:00
< source src = "/videos/pingu.mp4" type = "video/mp4" >
< / video >
2020-08-10 12:48:06 +02:00
< / div >
2020-08-10 13:17:23 +02:00
2020-08-12 17:39:56 +02:00
< / body >
2020-08-05 19:06:38 +02:00
< / html >
