mirror/galene
1
Fork 0
mirror of https://github.com/jech/galene.git synced 2024-11-22 16:45:58 +01:00
Code Activity

Resize videos automatically.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/sfu.css
View file

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

11
static/sfu.js
View file

@ -325,6 +325,8 @@ function setMedia(id) {
media.srcObject = c.stream; media.srcObject = c.stream;
setLabel(id); setLabel(id);
resizePeers();
} }
function delMedia(id) { function delMedia(id) {
@ -334,6 +336,8 @@ function delMedia(id) {
media.srcObject = null; media.srcObject = null;
mediadiv.removeChild(peer); mediadiv.removeChild(peer);
resizePeers();
} }
function setLabel(id, fallback) { 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() { function serverConnect() {
if(socket) { if(socket) {
socket.close(1000, 'Reconnecting'); socket.close(1000, 'Reconnecting');