trying out the player on the page

content/we-hope-this-email_EN.md

@@ -9,8 +9,20 @@ featured_image: /images/enron15.png
 summary: Writing an email is not dissimilar to writing a script. On Saturday, Varia hosts a livestream of scripts and scores written and performed based on a series of emails.
 
 
+<span>
+<audio id="player" preload="none" src="http://w-i-t-m.net:8001/radiodrama"> </audio>
+<div>
+<button onclick="document.getElementById('player').play()">Play</button>
+<button onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src;">Stop</button>
+<button onclick="document.getElementById('player').volume += 0.1">Vol +</button>
+<button onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
+</div>
+</span>
+
 Writing an email is not dissimilar to writing a script. Wrapping a message in paratextual elements means to imagine how the reader on the receiving end will interpret it. Whether it shows enough enthusiasm!!! If a bit of softening is needed ;-) Or an apology to excuse the lack of immediacy, sorry about that. These elements determine the tone with which the email will be read in the person's mind. 
 
+<iframe src="https://webchat.freenode.net/?#varia" height="400" width="300"></iframe>
+
 *Angeliki Diakrousi*, *Cristina Cochior*, *Artemis Gryllaki*, *Christina Karagianni* and *Amy Pickles* prepared scores and scripts for one another based on a series of emails. One source is the Enron email archive, a historical dataset in the world of machine learning, that is still being used to this day consisting of messages exchanged by the employees of a corrupt American energy company. Another source is a collection of emails from hackerspaces' mailing lists, that were received in response to an open call for a feminist tech initiative.
 
 The company culture of Enron is reflected in the language used by its employees, which is then further naturalised and propagated by algorithms trained on this dataset. The email collection, on the other hand, contains varied responses to a feminist group's attempt to intervene in the reproduction of standard technical language.
@@ -38,14 +50,31 @@ Home-made canned laughter
 
 &ast;*We really do hope that you are well in these times.*
 
-<script src="https://lurk.org/muc/player.js" type="text/javascript"></script>
+<script>
+(function(){
+
+  function waitForIt(selector, time) {
+    if(document.querySelector(selector)!=null) {
+
+      var chat_title = document.getElementsByClassName("chatbox-title__text")[0];
+      var element = document.createElement("span");
+
+      element.innerHTML = '<audio id="player" preload="none" src="https://echo.lurk.org:999/echochamber"></audio><div><button onclick="document.getElementById(\'player\').play()">Play</button><button onclick="document.getElementById(\'player\').pause();document.getElementById(\'player\').src=document.getElementById(\'player\').src;">Stop</button><button onclick="document.getElementById(\'player\').volume += 0.1">Vol +</button><button onclick="document.getElementById(\'player\').volume -= 0.1">Vol -</button></div>';
+
+      chat_title.insertAdjacentElement('afterend', element);
+
+      return;
+    }
+    else {
+      setTimeout(function() {
+
+        waitForIt(selector, time);
+
+      }, time);
+    }
+  }
+
+  waitForIt(".toggle-smiley", 1000);
+})();
+</script>
 
-<span>
-<audio id="player" preload="none" src="http://w-i-t-m.net:8001/radiodrama"> </audio>
-<div>
-<button onclick="document.getElementById('player').play()">Play</button>
-<button onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src;">Stop</button>
-<button onclick="document.getElementById('player').volume += 0.1">Vol +</button>
-<button onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
-</div>
-</span>