diff --git a/0_vidi.sh b/0_vidi.sh
index 076f6c9..46fe866 100755
--- a/0_vidi.sh
+++ b/0_vidi.sh
@@ -2,4 +2,9 @@
source .env
+# Inicializiraj kamero
+url="$VIR/cm?cmnd=WcInit"
+curl "$url"
+
+# Kazi sliko!
ffplay $VIR:81
diff --git a/1_mjpeg2rtp.sh b/1_mjpeg2rtp.sh
index 60d5632..865b780 100755
--- a/1_mjpeg2rtp.sh
+++ b/1_mjpeg2rtp.sh
@@ -2,6 +2,11 @@
source .env
+# Inicializiraj kamero
+url="$VIR/cm?cmnd=WcInit"
+curl "$url"
+
+
# Pretvori MJPEG v VP8 RTP stream
#ffmpeg -re -stream_loop -1 -i $VIR -c:v libx264 -tune zerolatency -profile:v baseline -b:v 1M -an -f rtp $CILJ
-ffmpeg -re -stream_loop -1 -i "$VIR:81" -c:v libvpx -b:v 1M -an -f rtp $CILJ
+ffmpeg -threads 3 -re -fflags +genpts -stream_loop -1 -i "$VIR:81" -c:v libvpx -crf 10 -b:v 1M -an -f rtp $CILJ
diff --git a/desno.svg b/desno.svg
new file mode 100644
index 0000000..2a06eca
--- /dev/null
+++ b/desno.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/gor.svg b/gor.svg
new file mode 100644
index 0000000..51c8b7a
--- /dev/null
+++ b/gor.svg
@@ -0,0 +1,22 @@
+
+
+
+
+Created by potrace 1.15, written by Peter Selinger 2001-2017
+
+
+
+
+
diff --git a/index.html b/index.html
index 19046b5..6cbafdc 100644
--- a/index.html
+++ b/index.html
@@ -19,13 +19,26 @@
-
- ⏵
+ 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.
+
-
- ←
- →
- ↑
+
+
+
+ Avtor: BOŠTJAN DRINOVEC
+ programiranje: JURIJ PODGORŠEK
+ elektronika: BORUT SAVSKI
+ produkcija: Mestna Galerija Nova Gorica in Boštjan Drinovec, 2023
diff --git a/stil.css b/stil.css
index 570b960..93a63b6 100644
--- a/stil.css
+++ b/stil.css
@@ -1,17 +1,45 @@
body {
padding: 0;
margin: 0;
- line-height: 0;
+ font-family: sans-serif;
+
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ justify-content: center;
+}
+
+h1, h2 {
+ text-transform: uppercase;
+ display: inline;
+}
+
+h1 {
+ font-size: 2rem;
+}
+h2 {
+ font-size: .9rem;
+ font-weight: normal;
+}
+
+
+
+.zaslon {
+ position: relative;
+ width: 100%;
+ margin: 2rem 0;
+ height: auto;
}
video {
width: 100%;
- height: 100vh;
- position: relative;
-}
-
-.glavno {
- position: relative;
+ height: auto;
+ box-sizing: border-box;
+ border: 5px solid black;
+ border-top-left-radius: 50% 12%;
+ border-top-right-radius: 50% 12%;
+ border-bottom-left-radius: 50% 12%;
+ border-bottom-right-radius: 50% 12%;
}
#predvajaj {
@@ -28,14 +56,12 @@ video {
border-radius: 100%;
cursor: pointer;
- border-style: groove;
- border-width: 2rem;
- border-color: red;
+ border: none;
background-color: white;
}
.gumbi {
- position: fixed;
+ position: absolute;
bottom: 0;
width: 100%;
display: none;
@@ -44,34 +70,94 @@ video {
.gumbi button {
position: absolute;
display: flex;
- width: 16rem;
- height: 16rem;
+ width: 4rem;
+ height: 4rem;
border-radius: 100%;
- font-size: 10rem;
+ font-size: 6rem;
font-weight: bold;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.5);
border: none;
cursor: pointer;
+
+ background-size: contain;
+ background-repeat: no-repeat;
}
#levo {
- left: -3rem;
- bottom: -3rem;
+ left: 5rem;
+ bottom: 2rem;
}
#desno {
- right: -3rem;
- bottom: -3rem;
+ right: 5rem;
+ bottom: 2rem;
}
#ravno {
- left: calc(50% - 7.5rem);
- bottom: -3rem;
+ left: calc(50% - 2.5rem);
+ bottom: 1rem;
+ width: 5rem;
+ height: 5rem;
+}
+#levo:before,
+#desno:before,
+#ravno:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background-size: contain;
+ background-repeat: no-repeat;
+}
+
+#levo:before,
+#desno:before,
+#ravno:before {
+ width: 80%;
+ height: 80%;
+ left: 10%;
+ top: 10%;
+}
+
+#levo:before,
+#desno:before {
+ top: 20%;
+}
+
+#ravno:before {
+ background-image: url(gor.svg);
+ width: 65%;
+ height: 65%;
+ top: 17.5%;
+ left: 17.5%;
+}
+#levo:before {
+ background-image: url(desno.svg);
+ transform: scaleX(-1);
+}
+#desno:before {
+ background-image: url(desno.svg);
}
.predvajam .gumbi {
display: block;
}
+
+#glavno {
+ max-width: 640px;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 1rem;
+}
+
+.info {
+ font-size: .9rem;
+}
+.info p {
+ margin: 0;
+}