XPUB
/
issue.xpub.nl
71
3
Fork 0
Code Issues Pull Requests Releases Wiki Activity

testing player js

Browse Source
master
Your Name 5 years ago
parent 3cc3455ec2
commit bf57c60d0e
4 changed files with 144 additions and 0 deletions
Show Stats Download Patch File Download Diff File

BIN
12/archive_12.1.2.ogg
View File

Binary file not shown.

37
12/archive_12.1.2.vtt
Unescape Escape View File

@ -0,0 +1,37 @@
WEBVTT
Kind: captions
Language: en
00:00.000 --> 05:33.747
{"title": "track_1", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
05:33.747 --> 11:12.594
{"title": "track_2", "artist": "Damlanur Bilgin", "date": "2020", "album": "Damlanur Bilgin's Album", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
11:12.594 --> 11:19.634
{"title": "track_3", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
11:19.634 --> 14:41.795
{"title": "track_4", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
14:41.795 --> 22:34.710
{"title": "track_5", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
22:34.710 --> 22:36.564
{"title": "track_6", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
22:36.564 --> 24:23.750
{"title": "track_7", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
24:23.750 --> 35:28.017
{"title": "track_8", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
35:28.017 --> 37:09.058
{"title": "track_9", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
37:09.058 --> 43:21.851
{"title": "track_10", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}
43:21.851 --> 43:26.851
{"title": "track_11", "ENCODER": "Liquidsoap/1.3.3 (Unix; OCaml 4.05.0)"}

91
12/index3.html
Unescape Escape View File

@ -0,0 +1,91 @@
<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. Let’s 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>Imagining, re-thinking and recording the world outside / Anna & Avital / 6'21"</li>
<li>jingle</li>
</ul>
<div class="audio_01">
<audio controls>
<source src="archive_12.1.2.ogg" type="audio/ogg">
<track default kind="captions"
srclang="en"
src="archive_12.1.2.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);
});
</scrip>

16
12/player2.js
Unescape Escape View File

@ -0,0 +1,16 @@
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);
});
Write Preview
Loading…
Cancel
Save