new index
parent
38d7c59bbd
commit
0e12d4bd86
@ -1,20 +1,69 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Collectiveioning Presentation</title>
|
<title>XPUB: Collectiveioning</title>
|
||||||
<style type="text/css">
|
<link rel="stylesheet" type="text/css" href="live-with-etherpad.css">
|
||||||
body{
|
|
||||||
padding: 0px;
|
<!-- 1. CDN -->
|
||||||
margin: 0px;
|
<!-- <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>
|
||||||
|
|
||||||
img{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<img src="200707_XPUB_graduation_banner.gif">
|
<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.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>The gathering of collective memory. A pre-literate notion of memory, in a communal way, something commemorative rather than putting a memory in a container. What we thought it was going to be changed completely. We are in that way changing our memory of what it was supposed to be. What are you able to collect? Memories? Objects? People? A collection of texts and people, collecting and composing each other? Somehow it's not even important that we have all the knowledge, what's important is the living, generative sense of the collection.
|
||||||
|
</p>
|
||||||
|
<p>Follow the live chat, <a href="https://kiwiirc.com/client/irc.kiwiirc.com/?nick=anonymous|?&theme=cli#xpub" target="_blank">#xpub @ irc.kiwiirc.com</a>.</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Collectiveioning Presentation</title>
|
||||||
|
<style type="text/css">
|
||||||
|
body{
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<img src="200707_XPUB_graduation_banner.gif">
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,69 +0,0 @@
|
|||||||
<!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">
|
|
||||||
|
|
||||||
<!-- 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.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>The gathering of collective memory. A pre-literate notion of memory, in a communal way, something commemorative rather than putting a memory in a container. What we thought it was going to be changed completely. We are in that way changing our memory of what it was supposed to be. What are you able to collect? Memories? Objects? People? A collection of texts and people, collecting and composing each other? Somehow it's not even important that we have all the knowledge, what's important is the living, generative sense of the collection.
|
|
||||||
</p>
|
|
||||||
<p>Follow the live chat, <a href="https://kiwiirc.com/client/irc.kiwiirc.com/?nick=anonymous|?&theme=cli#xpub" target="_blank">#xpub @ irc.kiwiirc.com</a>.</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>
|
|
||||||
Loading…
Reference in New Issue