<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"> <title>XPUB: Collectiveioning</title> <link rel="stylesheet" type="text/css" href="live-with-etherpad.css"> <style type="text/css"> #blabla { line-height: 107%; } a.ablabla{ color:yellow; text-decoration: underline; text-decoration-color: yellow; } </style> <!-- 1. CDN --> <!-- <link href="https://unpkg.com/video.js@5.16.0/dist/video-js.css" rel="stylesheet"> --> <!-- <script src="https://unpkg.com/video.js@5.16.0/dist/video.js"></script> --> <!-- <script src="https://unpkg.com/videojs-contrib-hls@4.1.1/dist/videojs-contrib-hls.js"></script> --> <!-- or 2. LOCAL --> <link href="videojs/video-js.css" rel="stylesheet"> <script src="videojs/video.js"></script> <script src="videojs/videojs-contrib-hls.js"></script> </head> <body> <div id="content"> <div id="left"> <div id="video"> <div class="content"> <video controls id="master" class="video-js vjs-default-skin vjs-fullscreen" poster="live_poster_blue.png" controls data-setup="{}"> <source src="https://live.lilimit.com:8081/hls1/Aymeric.m3u8" type="application/x-mpegURL" > <!-- <source src="test.mp4" > --> </video> </div> </div> <div id="blabla"> <p id="changeText">/ko 'lek tiv yon ning/</p> <p><b>Presentation live at:</b> 19h-20h CEST/UTC+2 (Q&A directly afterwards)</p> <p>Welcome to the premiere of <em>Collectiveioning</em>, the experimental presentation of projects from the XPUB graduating class of 2020. This is accompanied by a web-to-print website where our research is collected: <a class="ablabla" href="https://collectiveioning.xpub.nl" target="_blank">Collectiveioning</a></p> <p>Please join us in our IRC chat<span style="color:yellow;">*</span> on the right side of this window, where you can comment and write questions that will be answered in a live Q&A directly following the presentation.</p> <p><span style="color:yellow;">*</span>requires 3rd party cookies in your browser settings</p> </div> </div> <div id="pad"> <!-- <iframe src="http://webchat.freenode.net/?channels=xpub&theme=cli"></iframe> --> <iframe src="https://kiwiirc.com/client/irc.kiwiirc.com/?nick=anonymous|?&theme=cli#xpub"></iframe> </div> </div> <script> var player = videojs('master'); player.play(); //player.auto('true'); // this seems to be wrong (no auto method) player.autoplay(true); //player.on("fullscreenchange", (a, b, c) => { // console.log("fullscreen change", a, b, c); // var ret = player.isFullscreen(); // console.log("isFullscreen", ret); //}) var text = ["/ko 'lek tiv yon ning/", "/col ec 'tivio ning/", "/co-lec-tí-bio-ning/","/colleectiiiviòooniiing/","/cool-ectiveioning/","/ke lec ti vi on ne ing/","/collec-tí-ví-uuuuniiiing/"]; var counter = 0; var elem = document.getElementById("changeText"); var inst = setInterval(change, 1000); function change() { elem.innerHTML = text[counter]; counter++; if (counter >= text.length-1) { counter = 0; // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle } } </script> </body> </html>