little polish
This commit is contained in:
parent
74ed7612d6
commit
977d7a0a01
8 changed files with 33 additions and 9 deletions
|
@ -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
|
@ -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); }
|
||||||
|
|
|
@ -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);
|
||||||
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
Reference in a new issue