48 lines
1.6 KiB
Plaintext
48 lines
1.6 KiB
Plaintext
# hacking jitsi meet
|
|
|
|
esta es una colección de funciones de javascript para modificar localmente el diseño/layout de una videollamada de jitsi meet.
|
|
|
|
las hemos usado tanto para adecuar el diseño de una videollamada para que sea capturada/retransmitida, como para que todes les integrantes modifiquen el diseño y tengamos un punto de vista similar.
|
|
|
|
estas funciones se pueden ejecutar directamente en la consola web del navegador, ya sea descendiente de firefox o de chrom(ium) (ctrl+shift+k, o con F12 y eligiendo la tab de consola)
|
|
|
|
|
|
# cambia el color de fondo
|
|
|
|
esta línea cambia el color de fondo a negro:
|
|
|
|
```
|
|
document.getElementById('largeVideoContainer').style.backgroundColor='black';
|
|
```
|
|
|
|
|
|
# deja de mostrar a quienes no tienen video encendido
|
|
|
|
para cuando hay participantes presentes sin video, en la vista de mosaico:
|
|
|
|
```
|
|
for(c of document.getElementsByClassName('display-avatar-only')){
|
|
c.style.display='none'
|
|
};
|
|
```
|
|
|
|
# espejea a todos los videos y redimensiónalos
|
|
|
|
en la vista de mosaico, por defecto une misme se muestra con la toma "en espejo" y todes les demás con la toma "normal".
|
|
|
|
cuando se trabaja con espacialidades, esta situación puede volverse confusa (e.g. todes queremos señalar a "la izquierda"). con este código podemos unificarnos.
|
|
|
|
este ciclo hace que todos los videos estén "en espejo", además de que permite que crezcan un poco en el mosaico.
|
|
|
|
|
|
```
|
|
for(v of document.getElementsByTagName('video')){
|
|
v.classList.add('flipVideoX'); // "espejea"
|
|
v.style.objectFit = 'cover'; // "redimensiona"
|
|
};
|
|
```
|
|
|
|
# re-ordena
|
|
|
|
pendiente: código/tutorial para re-ordenar la cuadrícula a una configuración predeterminada.
|