jitsi hacks

1 files changed, 49 insertions, 0 deletions

diff --git a/src/jitsi_hacks.gmo b/src/jitsi_hacks.gmo
new file mode 100644
index 0000000..d1c7bab
--- /dev/null
+++ b/src/jitsi_hacks.gmo
@@ -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}