From fe590c999565c72631c2b5f4e92db430a8247563 Mon Sep 17 00:00:00 2001 From: sejo Date: Thu, 3 Jun 2021 18:31:50 -0500 Subject: [PATCH] jitsi hacks --- src/actualizaciones.gmo | 6 +++++ src/actualizaciones.xml | 12 +++++++++- src/apuntes.gmo | 9 ++++++++ src/jitsi_hacks.gmo | 49 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 75 insertions(+), 1 deletion(-) create mode 100644 src/jitsi_hacks.gmo diff --git a/src/actualizaciones.gmo b/src/actualizaciones.gmo index 18b6d7e..f9ee22d 100644 --- a/src/actualizaciones.gmo +++ b/src/actualizaciones.gmo @@ -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 +## sjm-1662d1 + +páginas nuevas: +=> ./jitsi_hacks.gmi {jitsi hacks} +=> ./clases.gmi {clases} + ## sjm-1661d7 páginas nuevas: diff --git a/src/actualizaciones.xml b/src/actualizaciones.xml index 9a56699..d81a1e6 100644 --- a/src/actualizaciones.xml +++ b/src/actualizaciones.xml @@ -5,10 +5,20 @@ 🧆 ln: updates en el sitio sejo a mano -2021-06-02T12:00:00Z +2021-06-03T12:00:00Z + +https://quesomango.neocities.org/actualizaciones.html#sjm-1662d1 +sejmana-1662, día 1 +2021-06-03T12:00:00Z + + + páginas de clases y jitsi hacks + + + https://quesomango.neocities.org/actualizaciones.html#sjm-1661d7 sejmana-1661, día 7 diff --git a/src/apuntes.gmo b/src/apuntes.gmo index f21a035..395be09 100644 --- a/src/apuntes.gmo +++ b/src/apuntes.gmo @@ -8,8 +8,17 @@ recordatorios de procesos ## computacionales +### línea de comandos + => ./ffmpeg.gmi {ffmpeg} => ./imagemagick.gmi {imagemagick} => ./ed.gmi {ed} => ./postfix.gmi {postfix} + +### misc + => ./guix.gmi {guix} + +### web + +=> ./jitsi_hacks.gmi {jitsi hacks} 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}