Popravljeni stili, izboljsave

www/index.html

@@ -42,7 +42,7 @@
     <section class="zaslon">
         <!--video id="videofeed" muted="" autoplay="" playsinline=""></video-->
         <img id="videofeed" src="/stream"></video>
-        <button id="predvajaj">⏵</button>
+        <!--button id="predvajaj">⏵</button-->
 
         <section class="gumbi">
           <button id="levo"></button>

www/js/settings.js.bak

@@ -0,0 +1,30 @@
+var server = null;
+//if(window.location.protocol === 'http:')
+	//server = "http://" + window.location.hostname + ":8088/janus";
+//else
+	//server = "https://" + window.location.hostname + ":8089/janus";
+//server = window.location.protocol + '//' + window.location.hostname + '/janus';
+//server = window.location.protocol + '//' + window.location.hostname + ':8089/janus';
+//server = '/janus';
+//server = "ws://" + window.location.hostname + ":8188/";
+//server = "ws://" + window.location.hostname + ":8188/";
+//server = "wss://" + window.location.hostname + ":8989/";
+server = "wss://janus.rhiz0.me/";
+//server = '/janus';
+
+var turnUrl = 'turn:turn.rhiz0.me:5349';
+//var stunUrl = 'stun:turn.rhiz0.me:5349';
+var turnUser = 'turnserver';
+var turnPass = '85ThXzKLce2oZkXz76tM0tibWL88Ik';
+
+var iceServers = [{
+    urls: turnUrl,
+    username: turnUser,
+    credential: turnPass
+}]
+
+var BOT="http://192.168.32.139/";
+
+// Koliko milisekund se naj vrtijo propelerji?
+var DOLZINA=1000;
+var PAVZA=1000;

www/js/streaming.js

@@ -46,4 +46,4 @@ window.addEventListener('DOMContentLoaded', function () {
     onemogociGumbe();
     omogociGumbe(DOLZINA + PAVZA);
   });    
-}
+});

www/stil.css

@@ -38,6 +38,7 @@ h2 {
 }
 
 #videofeed {
+  display: block;
   width: 100%;
   height: auto;
   box-sizing: border-box;
@@ -46,7 +47,8 @@ h2 {
   border-top-right-radius: 50% 12%;
   border-bottom-left-radius: 50% 12%;
   border-bottom-right-radius: 50% 12%;
-  min-height: 482.5px;
+  /*min-height: 482.5px;*/
+  min-height: 75%;
 }
 
 #predvajaj {
@@ -71,7 +73,7 @@ h2 {
   display: none;
 }
 
-.cakam:after {
+#videofeed:before {
   display: block;
   position: absolute;
   content: 'Nalaganje...';
@@ -90,7 +92,7 @@ h2 {
   position: absolute;
   bottom: 0;
   width: 100%;
-  display: none;
+  /*display: none;*/
 }
 
 .gumbi button {
@@ -117,12 +119,12 @@ button[disabled] {
 }
 
 #levo {
-  left: 5rem;
+  left: calc(20% - 2rem);
   bottom: 2rem;
 }
 
 #desno {
-  right: 5rem;
+  right: calc(20% - 2rem);
   bottom: 2rem;
 }