jitsi hacks
This commit is contained in:
parent
f8bec31820
commit
fe590c9995
|
@ -8,6 +8,12 @@ si lo prefieres, puedes seguir las (y más) actualizaciones via git:
|
||||||
|
|
||||||
=> https://tildegit.org/sejo/lentejanumerica repositorio git con scripts y archivos fuente
|
=> https://tildegit.org/sejo/lentejanumerica repositorio git con scripts y archivos fuente
|
||||||
|
|
||||||
|
## sjm-1662d1
|
||||||
|
|
||||||
|
páginas nuevas:
|
||||||
|
=> ./jitsi_hacks.gmi {jitsi hacks}
|
||||||
|
=> ./clases.gmi {clases}
|
||||||
|
|
||||||
## sjm-1661d7
|
## sjm-1661d7
|
||||||
|
|
||||||
páginas nuevas:
|
páginas nuevas:
|
||||||
|
|
|
@ -5,10 +5,20 @@
|
||||||
<title>🧆 ln: updates en el sitio</title>
|
<title>🧆 ln: updates en el sitio</title>
|
||||||
<author><name>sejo</name></author>
|
<author><name>sejo</name></author>
|
||||||
<generator>a mano</generator>
|
<generator>a mano</generator>
|
||||||
<updated>2021-06-02T12:00:00Z</updated>
|
<updated>2021-06-03T12:00:00Z</updated>
|
||||||
<link href='https://quesomango.neocities.org/actualizaciones.xml' rel='self'/>
|
<link href='https://quesomango.neocities.org/actualizaciones.xml' rel='self'/>
|
||||||
<link href='https://quesomango.neocities.org/actualizaciones.html' rel='alternate'/>
|
<link href='https://quesomango.neocities.org/actualizaciones.html' rel='alternate'/>
|
||||||
|
|
||||||
|
<entry>
|
||||||
|
<id>https://quesomango.neocities.org/actualizaciones.html#sjm-1662d1</id>
|
||||||
|
<title>sejmana-1662, día 1</title>
|
||||||
|
<updated>2021-06-03T12:00:00Z</updated>
|
||||||
|
<link href='https://quesomango.neocities.org/actualizaciones.html#sjm-1662d1' rel='alternate'/>
|
||||||
|
<summary>
|
||||||
|
páginas de clases y jitsi hacks
|
||||||
|
</summary>
|
||||||
|
</entry>
|
||||||
|
|
||||||
<entry>
|
<entry>
|
||||||
<id>https://quesomango.neocities.org/actualizaciones.html#sjm-1661d7</id>
|
<id>https://quesomango.neocities.org/actualizaciones.html#sjm-1661d7</id>
|
||||||
<title>sejmana-1661, día 7</title>
|
<title>sejmana-1661, día 7</title>
|
||||||
|
|
|
@ -8,8 +8,17 @@ recordatorios de procesos
|
||||||
|
|
||||||
## computacionales
|
## computacionales
|
||||||
|
|
||||||
|
### línea de comandos
|
||||||
|
|
||||||
=> ./ffmpeg.gmi {ffmpeg}
|
=> ./ffmpeg.gmi {ffmpeg}
|
||||||
=> ./imagemagick.gmi {imagemagick}
|
=> ./imagemagick.gmi {imagemagick}
|
||||||
=> ./ed.gmi {ed}
|
=> ./ed.gmi {ed}
|
||||||
=> ./postfix.gmi {postfix}
|
=> ./postfix.gmi {postfix}
|
||||||
|
|
||||||
|
### misc
|
||||||
|
|
||||||
=> ./guix.gmi {guix}
|
=> ./guix.gmi {guix}
|
||||||
|
|
||||||
|
### web
|
||||||
|
|
||||||
|
=> ./jitsi_hacks.gmi {jitsi hacks}
|
||||||
|
|
|
@ -0,0 +1,49 @@
|
||||||
|
# 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 he 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.
|
||||||
|
|
||||||
|
|
||||||
|
## llega(n) aquí
|
||||||
|
=> ./apuntes.gmi {apuntes}
|
Loading…
Reference in New Issue