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; +}