little polish

This commit is contained in:
Sagi Dayan 2020-04-13 21:40:10 -04:00
parent 74ed7612d6
commit 977d7a0a01
8 changed files with 33 additions and 9 deletions

View file

@ -27,7 +27,7 @@ class SignalingController {
else else
console.log(`Call #${this.callId} Already Found`); console.log(`Call #${this.callId} Already Found`);
const callSession = calls[this.callId]; const callSession = calls[this.callId];
success = await callSession.registerUser(this.user, this.socket) const success = await callSession.registerUser(this.user, this.socket)
if (!success) throw new Error('Invalid User'); if (!success) throw new Error('Invalid User');
return true; return true;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -6918,3 +6918,15 @@ label.panel-block {
.flipbook { .flipbook {
width: 100%; width: 100%;
height: 60vh; } height: 60vh; }
.video-strip {
display: flex;
justify-content: center;
align-content: center; }
video {
margin-left: 5px;
margin-right: 5px;
background-color: rgba(56, 181, 187, 0.19);
border-radius: 15px;
border: solid 1px rgba(56, 181, 187, 0.3); }

View file

@ -228,3 +228,15 @@ $positions: (
width: 100%; width: 100%;
height: 60vh; height: 60vh;
} }
.video-strip{
display: flex;
justify-content: center;
align-content:center;
}
video{
margin-left: 5px;
margin-right: 5px;
background-color:rgba(56, 181, 187, 0.19);
border-radius: 15px;
border: solid 1px rgba(56, 181, 187, 0.30);
}

View file

@ -4,15 +4,15 @@
<Loading /> <Loading />
</div> </div>
<div v-else class> <div v-else class>
<div class="video-strip is-flex"> <div class="video-strip m-b-md is-outlined">
<video <video
:src-object.prop.camel="localStream" :src-object.prop.camel="localStream"
autoplay autoplay
playsinline playsinline
muted="true" muted="true"
style="max-width:40%" style="max-width:20%"
/> />
<video :src-object.prop.camel="remoteStream" autoplay style="max-width:40%" /> <video :src-object.prop.camel="remoteStream" autoplay style="max-width:20%" />
</div> </div>
<div class> <div class>
<flipbook <flipbook