1
Fork 0
mirror of https://github.com/jech/galene.git synced 2024-12-22 23:35:46 +01:00

Resize videos automatically.

This commit is contained in:
Juliusz Chroboczek 2020-05-01 01:22:17 +02:00
parent b818d1890a
commit 78cf9d0dbc
2 changed files with 17 additions and 14 deletions

View file

@ -144,26 +144,18 @@ h1 {
#peers {
margin-left: 1%;
margin-right: 1%;
white-space: nowrap;
display: flex;
flex-wrap: wrap;
margin-bottom: 4px;
display: grid;
grid-template-columns: 1fr;
column-gap: 0.5%;
align-content: start;
}
.peer {
display: flex;
flex-direction: column;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
max-height: 50%;
margin-top: auto;
}
.media {
height: 400px;
margin: auto;
min-width: 4em;
width: 100%;
}
.label {

View file

@ -325,6 +325,8 @@ function setMedia(id) {
media.srcObject = c.stream;
setLabel(id);
resizePeers();
}
function delMedia(id) {
@ -334,6 +336,8 @@ function delMedia(id) {
media.srcObject = null;
mediadiv.removeChild(peer);
resizePeers();
}
function setLabel(id, fallback) {
@ -353,6 +357,13 @@ function setLabel(id, fallback) {
}
}
function resizePeers() {
let count = Object.keys(up).length + Object.keys(down).length;
let columns = Math.ceil(Math.sqrt(count));
document.getElementById('peers').style['grid-template-columns'] =
`repeat(${columns}, 1fr)`;
}
function serverConnect() {
if(socket) {
socket.close(1000, 'Reconnecting');