Escenario en vivo y a la distancia: Más allá de la cuadrícula

Sesión 1: Fundamentos

laboratorio de escena en red, 2021-06-01

Agenda

• Presentaciones y formación de equipos (~15 minutos)
• Más allá de la cuadrícula: Posibilidades, arquitectura base, y plan del taller (~10 minutos)
• Tutorial: OBS.ninja (~20 minutos)
• Práctica por equipos: Pequeño mosaico de ventanas (~10 minutos)
• Tutorial: Introducción a OBS Studio (~30 minutos)
• Práctica por equipos: Ensamble y pruebas del sistema (~15 minutos)
• Cierre: Dudas, actividades propuestas (~10 minutos)

Presentaciones

Cuéntanos brevemente, en máximo 1 minuto:

• Tu nombre o alias, y pronombres
• ¿Qué te trajo a este taller?
• ¿Qué proyecto tienes en mente para aplicar lo aprendido en este taller?

Equipos

Estaremos trabajando en equipos de 2 o 3 personas para experimentar y crear juntas

Más allá de la cuadrícula: Posibilidades

SEÑAL|ERROR DE CONTACTO - laboratorio de escena en red

(algunos momentos relevantes: 6:35 - 6:40; 8:35 - 9:00; 9:55; 11:40; 12:41; 13:00; 15:55; 17:44 - 18:45; 19:05 - 20:00; 22:10 )

Más allá de la cuadrícula: Arquitectura base

Plan del taller

• Sesión 1: Fundamentos (1 de junio)
• Sesión 2: Composición (8 de junio)
• Sesión 3: Streaming (15 de junio)
• Sesión 4: Live (22 de junio)

Estaremos trabajando hacia un ejercicio integrador y colaborativo para transmitir en directo en la Sesión 4

Tutorial: OBS.ninja

• Herramienta para transmitir video directamente entre dispositivos
• El video llega limpio y en su propia ventana con nombre
• Es compatible con OBS Studio, que permite composición y manipulación

Paréntesis: Videollamadas convencionales

Paréntesis: Redes peer-to-peer

Latencia

• Latencia es el tiempo que tarda el video en llegar de un dispositivo a otro.
• Entre más grande es la latencia, más difícil es sincronizarse.
• Este tiempo depende de
  • Características de los equipos utilizados (cámara y computadora)
  • Medio de conexión a internet (ethernet en lugar de wifi)
  • Velocidad de conexión a internet
  • Distancia geográfica entre dispositivos
• En las videollamadas convencionales, hay un intermediario que suele estar en otro país
• Una arquitectura peer-to-peer reduce la latencia

Más información: Technology - JackTrip Foundation

Más allá de la cuadrícula: Arquitectura base

OBS.ninja: Uso básico

• Entra a obs.ninja
• Asegúrate de que tu cámara web no esté siendo utilizada por otro programa
• Presiona Add your Camera to OBS
• Acepta permisos
• Selecciona cámara: Configuración: Smooth and Cool (640x480@30fps)
• Selecciona No Audio
• Presiona Start
• Copia enlace que aparece arriba, y envíalo a quien recibirá el video

Enlaces de invitación - Reusable invites

Las Reusable invites son una posibilidad práctica para utilizar siempre los mismos enlaces.

Las creamos y configuramos una vez:

• Entra a obs.ninja
• Presiona Reusable Invite
• Configura según sea necesario

A nosotres nos ha funcionado una estructura específica para nuestros enlaces (siguiente slide)

Enlaces de invitación - Estructura básica

Ejemplo de Transmisorx, fuenteVideoA:

https://obs.ninja/?push=fuenteVideoA&label=fuenteVideoA&quality=2

quality=2 usa el video en baja resolución (640x480). otras opciones son quality=1 (720p) y quality=0 (1080p), que requieren mucho más ancho de banda.

Ejemplo de Receptorx:

https://obs.ninja/?view=fuenteVideoA&label=fuenteVideoA&codec=vp9

codec=vp9 usa una codificación que nos ha resultado menos glitchy

Práctica por equipos: Pequeño mosaico de ventanas

Realicemos una composición visual utilizando las ventanas con el video de lxs miembrxs del equipo.

• Apaguen cámaras en la videollamada
• Creen sus enlaces para transmitir en obs.ninja
• Compártanse sus enlaces
• Ábranlos en diferentes ventanas, y acomódenlas de una manera creativa
• Tomen una captura de pantalla de sus resultados

(10 minutos)

Recapitulación: Arquitectura base

Tutorial: Introducción a OBS Studio

Más información: Metodología para transmisión en directo - Editorial / CCD

Interfaz: Fuentes y escenas

• Las fuentes (sources) son los materiales multimedia a incorporar en nuestra composición:
  • Cámaras
  • Videos
  • Imágenes
  • Sonidos
  • Textos
  • Navegador web
• Las escenas (scenes) consisten en configuraciones específicas de fuentes

Fuente: Navegador (con OBS.ninja)

• La fuente de tipo Navegador permite incorporar páginas web
• OBS.ninja está diseñado para funcionar perfectamente como una fuente de este tipo
• ¿Recuerdas los enlaces para recibir video?

Transformaciones

Similar a otras herramientas gráficas, en OBS studio podemos transformar las fuentes de las siguientes formas:

• Traslación
• Escalamiento
• Rotación
• Espejo

Además de poder realizar y utilizar copias de las fuentes

Grabación

OBS studio se puede utilizar para grabar composiciones en vivo

• Configuramos la resolución del lienzo de trabajo y salida en Ajustes -> Video
• Configuramos las opciones de grabación en: Ajustes -> Salida
• Notas:
  • Calidad de grabación: igual a la emisión
  • Formato de grabación:
    • mkv es el más seguro, pero usualmente hay que convertirlo después
    • mp4 es el más compatible, pero es irrecuperable si durante la grabación sucede alguna falla

Y más…

En las próximas sesiones revisaremos más herramientas de composición de video en OBS Studio, y sobre cómo realizar una transmisión en vivo.

Práctica por equipos: Ensamble y pruebas del sistema

Utilicemos fuentes de navegador para introducir los videos del equipo a OBS studio.

Probemos realizar una composición visual a partir de transformaciones: ¿Qué es posible realizar cuando han desaparecido los límites de la cuadrícula convencional?

¿Cómo nos podemos colocar en relación a la cámara para darle más vida a nuestra escena?

(15 minutos)

Recapitulación

• Presentaciones y formación de equipos
• Más allá de la cuadrícula: Posibilidades y arquitectura base
• Plan del taller
• Tutorial: OBS.ninja
  • Redes peer-to-peer
  • Uso básico
  • Enlaces de invitación
• Práctica por equipos: Pequeño mosaico de ventanas
• Tutorial: Introducción a OBS Studio
  • Interfaz: Fuentes y escenas
  • Fuente: Navegador (con OBS.ninja)
  • Transformaciones
  • Grabación
• Práctica por equipos: Ensamble y pruebas del sistema

Cierre: Actividades propuestas

Actividades para la siguiente sesión

• Collage de fuentes en equipo:
  • Reúnanse como equipo para experimentar con lo revisado el día de hoy
  • Cada quien componga un collage en su propia computadora con OBS studio
  • Graben un pequeño video del resultado, y compártanlo en el chat grupal
• Traer “cartulina”: chroma key casero con superficie plana azul o verde

Cierre: Dudas

¡Estamos en contacto en el chat grupal!