Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding a scene to configure the webcam

Browse source
This commit is contained in:
David Négrier 2020-06-23 12:24:36 +02:00
parent 617ff45bfa
commit 3de37bafed
10 changed files with 537 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
front/dist/index.html vendored
View file

@ -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>

BIN
front/dist/resources/objects/arrow_right.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 224 B

BIN
front/dist/resources/objects/arrow_up.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 149 B

26
front/dist/resources/style/style.css vendored
View file

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