|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
|
|
<style>
|
|
|
* {
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
body{
|
|
|
background-image: url("generative-banner.png");
|
|
|
background-repeat: none;
|
|
|
color:white;
|
|
|
-webkit-text-fill-color: white; /* Will override color (regardless of order) */
|
|
|
-webkit-text-stroke-width: 1px;
|
|
|
-webkit-text-stroke-color: black;
|
|
|
}
|
|
|
|
|
|
embed{width:100%}
|
|
|
|
|
|
iframe{width:100%;
|
|
|
height:100%;
|
|
|
}
|
|
|
|
|
|
.column {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
padding: 10px;
|
|
|
height:200%;
|
|
|
|
|
|
}
|
|
|
|
|
|
#schedule{max-width: 50ch;
|
|
|
background:white;
|
|
|
text-align: center;
|
|
|
padding: 1em;
|
|
|
}
|
|
|
|
|
|
|
|
|
/* Clear floats after the columns */
|
|
|
.row:after {
|
|
|
content: "";
|
|
|
display: table;
|
|
|
clear: both;
|
|
|
}
|
|
|
|
|
|
h2{ text-align: center;
|
|
|
font-size: 2em;
|
|
|
-webkit-text-fill-color: yellow;}
|
|
|
top: 20vh;
|
|
|
position: absolute;
|
|
|
font-stretch: expanded;}
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
|
.column {
|
|
|
width: 300px;
|
|
|
height: 300px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
#colophon {
|
|
|
top: 3vh;
|
|
|
right: 0vw;
|
|
|
visibility: visible;
|
|
|
position: absolute;
|
|
|
z-index: 10;
|
|
|
background-color: white;
|
|
|
color:white;
|
|
|
border-radius: 100px;
|
|
|
padding-left: 1em;
|
|
|
padding-right: 1em;
|
|
|
font-family: "machine";
|
|
|
font-size: 1em;
|
|
|
}
|
|
|
|
|
|
#infotext{
|
|
|
visibility: hidden;
|
|
|
background-color: #1d1d1b;
|
|
|
width: 100%;
|
|
|
height:100%;
|
|
|
z-index: 80;
|
|
|
position: fixed;
|
|
|
top: 0px;
|
|
|
left: 0px;
|
|
|
color: white;
|
|
|
text-align: center;
|
|
|
opacity: 1;
|
|
|
font-family: "machine";
|
|
|
font-size:1em;
|
|
|
padding-top: 30vh;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
-webkit-text-stroke-width: 0px;
|
|
|
}
|
|
|
|
|
|
#itext{max-width: 70ch;}
|
|
|
|
|
|
#back{visibility: hidden;
|
|
|
z-index: 100;
|
|
|
top: 5vh;
|
|
|
right: 0vw;
|
|
|
position: absolute;
|
|
|
background-color: white;
|
|
|
color:white;
|
|
|
border-radius: 100px;
|
|
|
padding-left: 1em;
|
|
|
padding-right: 1em;
|
|
|
font-size: 1em;}
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<button id="back" onclick="back()">
|
|
|
back
|
|
|
</button>
|
|
|
<h2>A Generative State of Mind</h2>
|
|
|
|
|
|
<div class="row">
|
|
|
<div class="column" style="width: 600px; height: 600px;">
|
|
|
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.soi.ch/videos/embed/27fa432b-86d4-42b4-9c99-eff089c1f1bc?autoplay=1&title=0&warningTitle=0&peertubeLink=0" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
<div class="column" style="min-height: 500px; min-width: 700px;" > <p id="schedule">1: Spacing in Time – 0916653+1005344+1007629<br>
|
|
|
De-synchronization<br>
|
|
|
Time Pollution<br>
|
|
|
Cyberbells and Ghosts<br>
|
|
|
Untitled Sample Diffraction in Time [Beat Box <br> (Diversion One) - Art of Noise - 1984<br>
|
|
|
<br><br>
|
|
|
2: Clara<br>
|
|
|
Alarm<br>
|
|
|
Wave<br>
|
|
|
<br><br>
|
|
|
3: Anonymous<br>
|
|
|
Field Recording 13.10 – ClipGraveyard<br>
|
|
|
<br><br>
|
|
|
4: 8<br>
|
|
|
Messy Loops We Live in<br></p>
|
|
|
<embed src="https://hack.chat/?radioimplicancies">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<button id="colophon" onclick="info()" class="display-none">?</button>
|
|
|
<div id="infotext">
|
|
|
<div id="i-text"><p id="colophontext">
|
|
|
Welcome to "A Generative State of Mind", a broadcast of the master experimental publishing, piet zwart institute and hosted by Louisa and Federico aka. Bowser and Funix.<br><br>
|
|
|
What you are gonna watch is a series of AI-generated images through a GAN algorithm that analyses the sound of a certain audio track.
|
|
|
Generative Adversarial Network: this Machine Learning technique uses two neural networks. One creates a new possible picture from Visual Noise, the other one attempts to discriminate the other neural network, in order to improve the output result.
|
|
|
Does it create possible realities? Does it create probable realities? Does it generate microcosms?
|
|
|
A few questions can come up.
|
|
|
A multitude of answers could be given.
|
|
|
We would like to question the objectiveness and truth in which AI is hyped.
|
|
|
There is a chat: use it, for fucks sake.
|
|
|
<br><br>
|
|
|
|
|
|
In a system dominated by measures, demanding an ever increasing synchronisation between individuals and their environments, they propose "Spacing in Time" as a way to escape pre-determined variables. Through these audio experiments, they encounter a new moment of experiencing different time flows. The radio turns into a time's perception box where various tools for time measurement and orientation are being de-fragmented and re-booted. While creating audio environments with sound repetitions, reverbs, overlapping and echoes, the experiments lead to a sense of physicality which allows the full immersion into a broadcasted time travel.
|
|
|
Shut down the clocks and de-synchronise yourself from the established recognition of time, while un-practicing your common perceptions. What follows will be experimental tracks by Martin Foucaut, Jacopo Lega, Nami Kim AND Kendal Beynon AND Clara Gradel AND Floor van Meeuwen. Camilo Garcia and Euna Lee.<br><br>
|
|
|
|
|
|
The tracks have been composed using the open source software Sonic Pi.
|
|
|
This radio stream is accompanied by visuals generated from sound using deepsing; thanks to Nikolaos Passalis and Stavros Doropoulos to let the repo be open source. This stream is hosted in the confederated project peertube, in Swiss Olympiad in Informatics's server.
|
|
|
The title of this broadcast has been generated by https://www.name-generator.org.uk/rapper/
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<script>
|
|
|
function info() {
|
|
|
document.getElementById("infotext").style.visibility = "visible";
|
|
|
document.getElementById("back").style.visibility = "visible";
|
|
|
}
|
|
|
|
|
|
function back() {
|
|
|
document.getElementById("infotext").style.visibility = "hidden";
|
|
|
document.getElementById("back").style.visibility = "hidden";
|
|
|
}</script>
|
|
|
</body>
|
|
|
</html> |