diff --git a/player/player.html b/player/player.html
new file mode 100644
index 0000000..27bb620
--- /dev/null
+++ b/player/player.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+ Title of this page
+
+
+
+
#12.1 - 14/05
+
+ - Soleil No / Mika / 5'33''
+ - Souvenir / Damla / 5'38''
+ - Jingle
+ - poetry_mini_mix / Sandra / 3'22"
+ - sector D4X0 / Max & Ioana / 7'53''
+ - Jingle
+ - Louis XV will save us all / Clara / 1'47''
+ - Protocall: Do conversations ever end? / Mark & Tisa / ~10''
+ - Synchonisation Piece #1 (a person with a heartbeat of 72 bpm standing next to person with a heartbeat of 70 bpm) / Mark / 1'20''
+ - Imagining, re-thinking and recording the world outside / Anna & Avital / 6'21"
+ - jingle
+
+
+
You can check this pad for resources.
+
+
+
\ No newline at end of file
diff --git a/player/player2.js b/player/player2.js
new file mode 100644
index 0000000..540e9d8
--- /dev/null
+++ b/player/player2.js
@@ -0,0 +1,16 @@
+function player(element){
+ var track = element.querySelector("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);
+ var old = element.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);
+ });
+}
\ No newline at end of file