mirror of
https://github.com/ianramzy/decentralized-video-chat.git
synced 2024-11-17 07:39:21 +08:00
Merge branch 'fixes' of https://github.com/questo-ai/decentralized-video-chat into fixes
This commit is contained in:
commit
b30bccf3a5
27
public/css/chat.css
vendored
27
public/css/chat.css
vendored
@ -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); */
|
||||||
|
@ -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]
|
||||||
|
Loading…
Reference in New Issue
Block a user