You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

91 lines
3.9 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
<title>Special issue 12</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto Mono"
>
</head>
<body>
<div class="back"><a href="https://issue.xpub.nl/"> ↰ Main Page </a></div>
<div class="intro">
<div class="page_title">RADIO IMPLICANCIES</div>
<div class="intro_text">
Radio Implicancies is a weekly broadcast of recorded and live matter brought to you by Piet Zwart Institute's Experimental Publishing programme. Radio Implicancies starts in the middle. Each broadcast means to engage with the way technologies are worlding the world. Take a deep breath and jump in on other ways of calculating, validating, ordering and framing collections of digital material. Lets not wait for tomorrow to pay attention to the colonial conditionings of contemporary techno-cultures!
</div>
</div>
<div class="week_02">
<div class="sec_title_02">#12.2 - 21/05<br>
Today's broadcast starts at 16:00 (UTC+2)</div>
<ul id="table_content_02">
<li>Till voices wake us / Max & Anna / 10'29''</li>
</ul>
<div class="audio_02">
<audio controls>
<source src="https://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg">
</audio>
</div>
<p>You can check this <a href="https://pad.xpub.nl/p/implicancies-01" target="_blank">pad</a> for resources.</p>
<p>You can comment <a href="https://www.yourworldoftext.com/implicances02" target="_blank">here</a> </p>
</div>
<div class="week_01">
<div class="sec_title_01">#12.1 - 14/05</div>
<div class="intro_text">Table of contents</div>
<ul id="table_content_01">
<li id="track_1">Soleil No / Mika / 5'33''</li>
<li id="track_2">Souvenir / Damla / 5'38''</li>
<li id="track_3">Jingle</li>
<li id="track_4">poetry_mini_mix / Sandra / 3'22"</li>
<li id="track_5">sector D4X0 / Max & Ioana / 7'53''</li>
<li id="track_6">Jingle</li>
<li id="track_7">Louis XV will save us all / Clara / 1'47''</li>
<li id="track_8">Protocall: Do conversations ever end? / Mark & Tisa / ~10''</li>
<li id="track_9">Synchonisation Piece #1 (a person with a heartbeat of 72 bpm standing next to person with a heartbeat of 70 bpm) / Mark / 1'20''</li>
<li id="track_10">Imagining, re-thinking and recording the world outside / Anna & Avital / 6'21"</li>
<li id="track_11">jingle</li>
</ul>
<div class="audio_01">
<audio controls>
<source src="archive_12.1.3.ogg" type="audio/ogg">
<track default kind="captions"
srclang="en"
src="archive_12.1.3.vtt"/>
</audio>
<div id="track"></div>
</div>
<p>You can check this <a href="https://pad.xpub.nl/p/implicancies-01" target="_blank">pad</a> for resources.</p>
</div>
<div class="contributors">
<div class="sec_title_contributors">Contributors</div>
<div class="contributors_names">
Avital Barkai, Damlanur Bilgin, Sandra Golubjevaite, Tisa Neža Herlec, Mark van den Heuvel, Max Lehmann, Mika Motskobili, Clara Noseda, Anna Sandri, Ioana Tomici, Michael Murtaugh, Femke Snelting
</div>
<!-- <script src="player2.js"></script> -->
</body>
</html>
<script>
var track = document.querySelector("track"),
track_div = document.getElementById("track");
track.addEventListener('cuechange', function () {
let cues = track.track.activeCues; // array of current cues
console.log("cuechange", cues, cues[0].text, cues[0].startTime, cues[0].endTime);
var d = JSON.parse(cues[0].text);
console.log("d",d);
track_div.innerHTML = d.title;
var old = document.querySelector(".now_playing");
if (old) {
old.classList.remove("now_playing");
}
var playing = document.getElementById(d.title);
playing.classList.add("now_playing");
console.log("playing",playing);
});
</script>