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.
86 lines
3.2 KiB
HTML
86 lines
3.2 KiB
HTML
<!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> |