This commit is contained in:
Arya Vohra 2020-06-03 17:54:33 +08:00
commit b30bccf3a5
2 changed files with 28 additions and 5 deletions

27
public/css/chat.css vendored
View File

@ -111,7 +111,9 @@ a {
#wrapper { #wrapper {
display: flex; display: flex;
flex-direction: column; /* flex: 1 1 20em; */
/* flex-basis: 30%; */
flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
@ -122,8 +124,8 @@ a {
left: 50%; left: 50%;
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 65%; width: 100%;
max-height: 100%; max-height: 90vh;
max-width: 100%; max-width: 100%;
} }
@ -145,7 +147,7 @@ a {
padding: 10px; padding: 10px;
} }
#remote-video:first-child:nth-last-child(1) { #remote-video:first-child:nth-last-child(1) {
/* -or- li:only-child { */ width: min(calc(80vh * 4/3), 80vw);
max-height: 80vh; max-height: 80vh;
} }
@ -421,7 +423,22 @@ button:hover {
margin: 0; margin: 0;
line-height: 2rem; line-height: 2rem;
} }
#wrapper {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, calc(-50% - 3rem));
max-height: 90%;
max-width: 100%;
}
#remote-video { #remote-video {
/* width: 75vw; /* width: 75vw;
height: calc((16/9) * 75vw); */ height: calc((16/9) * 75vw); */

View File

@ -202,6 +202,12 @@ var VideoChat = {
logIt("connected"); logIt("connected");
break; break;
case "disconnected": case "disconnected":
// First possibility: we disconnected from the peer
if (VideoChat.socket.connect().connected === false) {
location.reload();
}
// Second possibility: the peer disconnected from us
logIt("disconnected - UUID " + uuid); logIt("disconnected - UUID " + uuid);
VideoChat.remoteVideoWrapper.removeChild( VideoChat.remoteVideoWrapper.removeChild(
document.querySelectorAll(`[uuid="${uuid}"]`)[0] document.querySelectorAll(`[uuid="${uuid}"]`)[0]