Vizualno pedenanje
parent
dc1317deaf
commit
a19c28cfc6
Binary file not shown.
|
|
@ -20,11 +20,11 @@
|
|||
<body>
|
||||
<section id="glavno">
|
||||
<h1>OBSERVATORIJ</h1>
|
||||
<h2>je umetniška instalacija, ki je del razstave nevidni sopotnik v mestni galeriji nova gorica. spodnja konzola vam omogoča uporavljanje tamkajšnjega lebdečega objekta.</h2>
|
||||
<h2>je umetniška instalacija, ki je del razstave Nevidni sopotnik v Mestni galeriji Nova Gorica. Spodnja konzola vam omogoča upravljanje tamkajšnjega lebdečega objekta.</h2>
|
||||
|
||||
|
||||
<section class="zaslon">
|
||||
<video id="videofeed" class="cakam" muted="" autoplay="" playsinline=""></video>
|
||||
<section class="zaslon cakam">
|
||||
<video id="videofeed" muted="" autoplay="" playsinline=""></video>
|
||||
<button id="predvajaj">⏵</button>
|
||||
|
||||
<section class="gumbi">
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<p>Avtor: BOŠTJAN DRINOVEC</p>
|
||||
<p>programiranje: JURIJ PODGORŠEK</p>
|
||||
<p>elektronika: BORUT SAVSKI</p>
|
||||
<p>produkcija: Mestna Galerija Nova Gorica in Boštjan Drinovec, 2023</p>
|
||||
<p>produkcija: Mestna galerija Nova Gorica in Boštjan Drinovec, 2023</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,18 +4,18 @@ function xhttp() {
|
|||
|
||||
window.peljiLevo = function () {
|
||||
var xh = xhttp();
|
||||
xh.open('GET', BOT + "cm?cmnd=PojdiLevo%20" + DOLZINA);
|
||||
xh.open('GET', "/cm?cmnd=PojdiLevo%20" + DOLZINA);
|
||||
xh.send();
|
||||
}
|
||||
|
||||
window.peljiDesno = function () {
|
||||
var xh = xhttp();
|
||||
xh.open('GET', BOT + "cm?cmnd=PojdiDesno%20" + DOLZINA);
|
||||
xh.open('GET', "/cm?cmnd=PojdiDesno%20" + DOLZINA);
|
||||
xh.send();
|
||||
}
|
||||
|
||||
window.peljiRavno = function () {
|
||||
var xh = xhttp();
|
||||
xh.open('GET', BOT + "cm?cmnd=PojdiRavno%20" + DOLZINA);
|
||||
xh.open('GET', "/cm?cmnd=PojdiRavno%20" + DOLZINA);
|
||||
xh.send();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -924,6 +924,9 @@ function Janus(gatewayCallbacks) {
|
|||
} else {
|
||||
Janus.warn("Unknown message/event '" + json["janus"] + "' on session " + sessionId);
|
||||
Janus.debug(json);
|
||||
setTimeout(function () {
|
||||
window.reload();
|
||||
}, 5000);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
44
stil.css
44
stil.css
|
|
@ -1,6 +1,6 @@
|
|||
@font-face {
|
||||
font-family: CenturyGothic;
|
||||
src: url("nu_century_gothic.ttf") format("truetype");
|
||||
src: url("CenturyGothic.ttf") format("truetype");
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -15,16 +15,18 @@ body {
|
|||
}
|
||||
|
||||
h1, h2 {
|
||||
text-transform: uppercase;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
font-size: 2.5rem;
|
||||
margin-right: .4rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2 {
|
||||
font-size: .9rem;
|
||||
font-size: .8rem;
|
||||
font-weight: normal;
|
||||
word-spacing: 1px;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -45,19 +47,20 @@ video {
|
|||
border-top-right-radius: 50% 12%;
|
||||
border-bottom-left-radius: 50% 12%;
|
||||
border-bottom-right-radius: 50% 12%;
|
||||
min-height: 482.5px;
|
||||
}
|
||||
|
||||
#predvajaj {
|
||||
display: none;
|
||||
display: block;
|
||||
font-size: 10rem;
|
||||
font-weight: bold;
|
||||
opacity: .7;
|
||||
|
||||
position: absolute;
|
||||
left: 25%;
|
||||
top: 25%;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
left: calc(50% - 7rem);
|
||||
top: calc(50% - 7rem);
|
||||
width: 14rem;
|
||||
height: 14rem;
|
||||
border-radius: 100%;
|
||||
cursor: pointer;
|
||||
|
||||
|
|
@ -65,6 +68,25 @@ video {
|
|||
background-color: white;
|
||||
}
|
||||
|
||||
.cakam #predvajaj {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cakam:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: 'Nalaganje...';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.gumbi {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
@ -91,6 +113,10 @@ video {
|
|||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
button[disabled] {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
#levo {
|
||||
left: 5rem;
|
||||
bottom: 2rem;
|
||||
|
|
|
|||
10
streaming.js
10
streaming.js
|
|
@ -205,6 +205,7 @@ window.addEventListener('DOMContentLoaded', function () {
|
|||
Janus.log("Created remote video stream:", stream);
|
||||
|
||||
var vidEl = document.querySelector('#videofeed');
|
||||
var zaslonEl = document.querySelector('.zaslon');
|
||||
|
||||
/* bitrate in resolucija
|
||||
if(!bitrateTimer[mid]) {
|
||||
|
|
@ -223,8 +224,13 @@ window.addEventListener('DOMContentLoaded', function () {
|
|||
console.log('dodajam pretok', vidEl, stream);
|
||||
Janus.attachMediaStream(vidEl, stream);
|
||||
|
||||
vidEl.addEventListener('canplay', function () {
|
||||
console.log('lahko predvajam!');
|
||||
zaslonEl.classList.remove('cakam');
|
||||
});
|
||||
|
||||
// Moramo kliknit za predvajanje :/
|
||||
predvajaj.style.display = 'block';
|
||||
// predvajaj.style.display = 'block';
|
||||
predvajaj.addEventListener('click', function () {
|
||||
predvajaj.style.display = 'none';
|
||||
vidEl.play();
|
||||
|
|
@ -235,7 +241,7 @@ window.addEventListener('DOMContentLoaded', function () {
|
|||
predvajaj.style.display = 'none';
|
||||
});
|
||||
|
||||
vidEl.play();
|
||||
//vidEl.play();
|
||||
}
|
||||
},
|
||||
ondataopen: function(data) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue