En mis directos de Twitch suelo usar una característica muy interesante: un sistema que reduce el volumen de la música (sólo) cuando estoy hablando.

Uso OBS Studio, un software libre muy potente y popular tanto para hacer grabaciones como para streaming en @TwitchES o similares.
Lo primero, sería localizar el Mezclador de audio, donde aparecen todas las entradas de sonido que obtiene el OBS Studio.

En mi caso, tengo el "Audio del escritorio" (donde suena la música) y "Mic/Aux" donde tengo mi Blue Yeti (micrófono).
Vamos al "Audio del escritorio" (o a la entrada de audio donde capturas la música) y accedemos a los «Filtros».

En esta sección podremos añadir filtros para modificar el comportamiento de esta entrada de audio, así que añadiremos un filtro de tipo «Compresor».
Una vez hecho esto, ajustamos los parámetros del compresor a nuestro criterio. Yo, por ejemplo, tengo estos valores:

1️⃣ Relación: 14,00:1
2️⃣ Umbral: -28,00dB
3️⃣ Ataque: 2ms
4️⃣ Liberar: 601ms
5️⃣ Ganancia: 0,00dB
6️⃣ Fuente de atenuación: Mic/Aux

Puedes ajustarlos a tu gusto.
Es muy importante que en el punto 6️⃣ te asegures de tener tu micrófono, puesto que es la entrada que activa el compresor y reduce el volumen de la música.

Cuando el micro no capte sonido, el compresor espera el tiempo del punto 4️⃣ y reestablece la música al volumen habitual.
Con esto ya lo tendrías funcionando. Pero un paso opcional (pero interesante) es añadirle algunos filtros también a la entrada Mic/Aux para mejorarlo.

Entre ellos puedes encontrar filtros de eliminación de ruidos, ganancia, limitadores o ecualizadores, entre otros.
En mi caso, hay una opción «Eliminación de ruido» que es absolutamente recomendable. Filtra los sonidos de ambiente, reduciéndolos y dándole prioridad a la voz.

OBS incorpora dos:

1️⃣ Speex
2️⃣ RNNoise

Yo uso el 2️⃣, ya que el 1️⃣ -aunque es personalizable- tiene peor calidad.
Si lo prefieres, existen otros sistemas como NVIDIA Broadcast, que puedes utilizar si tienes un hardware potente:
nvidia.com/es-es/geforce/…
Sin embargo, en mi caso y bajo mis necesidades, el filtro RNNoise ha resultado mucho más apropiado.

Si lo quieres a nivel sistema operativo (no sólo en OBS), puedes utilizar Equalizer APO:

🔊equalizerapo.com

Más info: medium.com/@bssankaran/fr…
Recuerda que de forma opcional, tienes también otros filtros interesantes para el micrófono:

1️⃣ Ganancia: (6,30dB)
2️⃣ Limitador: (Umbral -3,20dB, Liberar 60ms)
3️⃣ Ecualizador: Permite usar filtros VST

Por ejemplo, puedes usar algunos de ReaPlugs:
reaper.fm/reaplugs/
Poco más. Agradecer mucho a @DashielTV que fue la que me inició y recomendó el tema del compresor de audio en los streamings.
Si alguien tiene curiosidad por saber el setup/hardware que utilizo, así como las aplicaciones, lo tienen en:

manz.dev/setup/
manz.dev/software/

De resto, me pueden encontrar o seguir en:

🟣twitch.tv/ManzDev
manz.dev

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Manz 🇮🇨⚡👾

Manz 🇮🇨⚡👾 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Manz

25 Jul
Developah: ¿Poner una imagen en HTML? ¡Claro que sé hacerlo! ¡Eso lo sabe hacer todo el mundo!

🧵Abro hilo.
A ver, maticemos un poco antes de que me caigan encima, que puede sonar prepotente.

En HTML suelen pasar dos cosas:

✅Es MUY FÁCIL hacer algo.
✅Es DIFÍCIL hacerlo correctamente.

¿Cómo pondrías una imagen?
— Fácil. Uso etiqueta `<img>` y en el atributo `src` pongo la imagen.
✅¿Funciona? Sí
❌¿Es correcto? No

En HTML, TODAS las etiquetas `<img>` deben tener el atributo `alt`, donde se debe especificar un «texto alternativo» de reemplazo por si, por alguna razón, las imágenes no están disponibles, se muestre dicho texto.
Read 21 tweets
23 Jul
Hace unos días hice una cortinilla para los cambios de escena en Twitch (sin After Effects o programas similares).

Los pasos que seguí:

1. Crear animación con HTML/CSS (JS opcional)
2. Establecer color #00ff00 para fondo a ignorar
3. Grabar en video la animación (ej: con OBS)
Una vez hecho esto, desde una terminal con ffmpeg convertimos el fondo verde (color #00ff00) en transparente:

`ffmpeg -i animation.mkv -filter_complex colorkey=0x00ff00:0.7:0.2 -vb 6000K chroma.webm

El `0.7` es un 70% de semejanza
El `0.2` es usar un 20% de transparencia
Por último, en OBS creamos una transición de tipo `Stinger` y seleccionamos el video que acabamos de crear.

En mi caso la animación es de 3 segundos, por lo que en "Tiempo de tipo de punto de transición" ponemos: `1500` (1,5 segundos). Image
Read 5 tweets
18 Jun
En #CSS, esencialmente, hay tres formas de hacer gradientes o degradados con múltiples colores (2 o más):

1️⃣ Gradiente lineal (en una dirección)
2️⃣ Gradiente radial (forma circular)
3️⃣ Gradiente cónico (cono visto desde arriba)

🧵Abro hilo.
A cada uno de ellos se les puede aplicar ciertas modificaciones...

1️⃣ Dirección (palabra clave o grados)
2️⃣ Forma (círculo por defecto, o elipse)
3️⃣ Desde donde parte (en grados)
Con los porcentajes (o tamaños) tras los colores, puedes indicar un punto de control donde comienza a cambiar el color (hacia el siguiente).
Read 13 tweets
14 Jun
Colección rápida de trucos poco conocidos de #CSS.

🧵Abro hilo. Image
Si tenemos colores donde los pares son repetidos (ej: #334455) se puede simplificar omitiendo el segundo dígito de cada par (#345).

Además, si hay un par más, es el canal alfa (transparencia, también abreviable).

Más sobre colores CSS: Image
Desde selectores #CSS, se pueden seleccionar etiquetas dependiendo de sus atributos HTML.

Por ejemplo, `a[href$=".pdf"]` selecciona todos los enlaces a archivos con extensión `.pdf`, pero `a[href$=".pdf" i]` hace lo mismo sin tener en cuenta mayúsculas/minúsculas. Image
Read 18 tweets
12 Jul 20
Curioso lo que ocurre si desactivas Javascript en tu navegador y comienzas a ver la reacción de ciertas páginas. Esto nos puede ayudar a entender la importancia que se le da hoy a la accesibilidad y lo preparados que estamos para cubrir enfoques progresivos...

🧵Abro hilo...
✔️Twitter nos hace viajar en el tiempo al pasado, circa 2005. La web es funcional, aunque tengo la sensación de que no sólo hemos pasado a no utilizar Javascript, sino casi también a no usar CSS3.
✔️Google. Aprobadísimo. Es perfectamente funcional y adaptado al dispositivo. Sólo en algunas pantallas observas que hemos vuelto a la era de Google+.
Read 16 tweets
27 May 19
Siempre había escuchado quejas de la web de Renfe, y ayer, tras un tweet de @MarkVillacampa, me dio curiosidad por examinar por encima el código Javascript de la web. Lo que verás a continuación te sorprenderá (o no). Abro hilo.
Lo primero, el código JS está sin minificar/ofuscar. Un código JS no tiene porque estarlo, pero al menos sería interesante hacer "strip" de comentarios y eliminarlos. Hay muchos comentarios que pueden ser útiles para el desarrollador, pero no deberían estar en producción.
A lo largo del código Javascript, vemos comentarios de historial de cambios. Se están usando los comentarios como control de versiones. Git llora en una esquina.
Read 15 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(