diff --git a/CenturyGothic.ttf b/CenturyGothic.ttf new file mode 100644 index 0000000..c60a324 Binary files /dev/null and b/CenturyGothic.ttf differ diff --git a/index.html b/index.html index f2a9784..8659573 100644 --- a/index.html +++ b/index.html @@ -20,11 +20,11 @@

OBSERVATORIJ

-

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.

+

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.

-
- +
+
@@ -38,7 +38,7 @@

Avtor: BOŠTJAN DRINOVEC

programiranje: JURIJ PODGORŠEK

elektronika: BORUT SAVSKI

-

produkcija: Mestna Galerija Nova Gorica in Boštjan Drinovec, 2023

+

produkcija: Mestna galerija Nova Gorica in Boštjan Drinovec, 2023

diff --git a/propeliraj.js b/propeliraj.js index 7777ddd..827300d 100644 --- a/propeliraj.js +++ b/propeliraj.js @@ -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(); } diff --git a/script-janus.js b/script-janus.js index 476ccb6..2c02d2e 100644 --- a/script-janus.js +++ b/script-janus.js @@ -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); } } diff --git a/stil.css b/stil.css index 6fec2bd..442a2fe 100644 --- a/stil.css +++ b/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; diff --git a/streaming.js b/streaming.js index e8ebb0a..9bc5092 100644 --- a/streaming.js +++ b/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) {