Adding a scene to configure the webcam

front/dist/index.html

@@ -59,6 +59,10 @@
                 </div>-->
             </div>
         </div>
+        <div id="webRtcSetup" class="webrtcsetup">
+                <img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/cinema-close.svg">
+                <video id="myCamVideoSetup" autoplay muted></video>
+        </div>
         <audio id="audio-webrtc-in">
             <source src="/resources/objects/webrtc-in.mp3" type="audio/mp3">
         </audio>

front/dist/resources/style/style.css

@@ -207,3 +207,29 @@ video{
         opacity: 0;
     }
 }
+
+.webrtcsetup{
+    display: none;
+    position: absolute;
+    top: 230px;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+    height: 50%;
+    width: 50%;
+}
+.webrtcsetup .background-img {
+    position: relative;
+    display: block;
+    width: 40%;
+    height: 60%;
+    margin-left: auto;
+    margin-right: auto;
+}
+#myCamVideoSetup {
+    width: 100%;
+}
+.webrtcsetup.active{
+    display: block;
+}