mirror of
https://github.com/jech/galene.git
synced 2024-11-10 02:35:58 +01:00
Resize videos automatically.
This commit is contained in:
parent
b818d1890a
commit
78cf9d0dbc
2 changed files with 17 additions and 14 deletions
|
@ -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 {
|
||||
|
|
|
@ -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');
|
||||
|
|
Loading…
Reference in a new issue