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

Continue screen sharing

Browse source
This commit is contained in:
Gregoire Parant 2020-06-08 22:52:25 +02:00
parent 81c030392f
commit fe739f4f08
3 changed files with 51 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/dist/index.html vendored
View file

@ -34,6 +34,8 @@
</div>-->
</div>
</div>
<div id="activeScreenSharing" class="active-screen-sharing active">
</div>
<audio id="audio-webrtc-in">
<source src="/resources/objects/webrtc-in.mp3" type="audio/mp3">
</audio>

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

@ -152,4 +152,34 @@ video{
top: calc(48px - 37px);
left: calc(48px - 41px);
position: relative;
}
/*SCREEN SHARING*/
.active-screen-sharing video{
transform: scaleX(1);
}
.active-screen-sharing .screen-sharing-video-container video:hover{
width: 50%;
}
.active-screen-sharing .screen-sharing-video-container video{
position: absolute;
width: 25%;
height: auto;
left: 0;
top: 0;
transition: all 0.2s ease;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(1){
/*this is for camera of user*/
top: 0%;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(2){
top: 25%;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(3){
top: 50%;
}
.active-screen-sharing .screen-sharing-video-container video:nth-child(4) {
top: 75%;
}