Molt bones a tothom,

Us publico la realització del meu vídeo en directe a través de la plataforma YouTube i el programari OBS Studio per presentar un videotutorial en relació a l’aplicació VJ creada a partir del llenguatge Javascript, HTML, CSS, i les llibreries p5.js que permet crear projectes audiovisuals en temps real, com gràfics i interaccionar amb ells, i la llibreria p5.sound, extensió de la p5.js, la qual ens permet treballar amb àudio i analitzar-lo dins el navegador web.

Els arxius de vídeo i audio utilitzats s’han generat i seleccionat entre els prompts escrits a les diverses plataformes d’intel·ligència artificial (IA) durant tot el curs.

L’aplicació VJ que us presento es composa d’una finestra central pel vídeo, una sèrie de controls representats amb diferents slides per configurar l’àudio i implementar efectes, amb una senyal que passa en sèrie en alguns casos. També disposa de botons d’acció per iniciar o parar la música, així com un menú d’ordres per teclat per les transformacions del vídeo i de la webcam.

Adjunto l’enllaç del vídeo: https://youtube.com/live/BNw_664hNkg 

Espero que us agradi.

Salutacions,

Enric

Bones a tothom,

L’objectiu principal d’aquest vídeo és demostrar, de manera clara i entenedora, el procés complet per crear un videotutorial utilitzant OBS Studio i realitzar una retransmissió en directe a través de la plataforma YouTube. El videotutorial pren com a base pràctica l’aplicació de VJ desenvolupada al llarg del curs, que serveix com a exemple real d’ús i permet contextualitzar totes les explicacions dins d’un projecte propi. En el meu cas, el desenvolupament de l’aplicació s’ha centrat sobretot en l’aspecte funcional i pràctic, deixant en un segon pla el disseny visual de la interfície, ja que la prioritat ha estat garantir el correcte funcionament del sistema.

Pel que fa a la part tècnica, s’han configurat tots els paràmetres necessaris tant a OBS com a YouTube per assegurar una retransmissió estable i amb qualitat Full HD (1080p). Això inclou l’ajust de la resolució, la taxa de bits, el còdec de vídeo i la sincronització de l’àudio. A més, s’ha treballat la cortineta d’entrada i sortida perquè mantingui coherència visual amb la portada de l’informe de la pràctica, reforçant així la identitat gràfica del projecte. Finalment, cal destacar que, en disposar únicament d’una càmera web, no ha estat possible mostrar el canvi en temps real entre la càmera i el vídeo de l’aplicació de VJ, ja que aquesta mateixa càmera era imprescindible per enregistrar el videotutorial.

Espero que us agradi

https://youtu.be/OQ_ghttrGdg

Hola a tots i totes!

Us presento el videotutorial del meu projecte VJ Mixer, el resultat final de la darrera pràctica de Projecte 2. Mitjançant les llibreries p5.js i p5.sound, he desenvolupat una eina interactiva que busca fusionar el processament de so amb la manipulació d’imatge en temps real.

Al vídeo podreu veure com funciona el panell de control, on a part dels sliders clàssics de volum i velocitat, he integrat una cadena d’efectes amb una reverb, delay i un filtre passa-alts per transformar el so de fons de manera creativa. Un aspecte que m’ha agradat molt treballar és la reactivitat: he configurat un zoom dinàmic que fa que la imatge bategui al ritme de la música mitjançant l’anàlisi d’amplitud.

També mostro com alternar entre la meva webcam i un vídeo generat per IA, així com l’ús de tecles ràpides per aplicar transformacions geomètriques i filtres visuals (com la binarització o l’erosió de contorns). Crec que és una eina molt versàtil per experimentar amb la sincronització audiovisual. Espero que us agradi!

https://youtube.com/live/j-EKwyCGSGI

Salut,

A continuació us deixo l’enllaç del videotutorial sobre la meva aplicació VJ, desenvolupada durant l’assignatura Projecte 2: Mèdia. En aquest vídeo mostro el programa en funcionament i explico les principals funcions que incorpora, tant a nivell de so com d’imatge.

Al llarg del videotutorial es poden veure en acció els diferents controls de l’aplicació, com ara els botons i sliders que permeten gestionar la música, ajustant el volum i activant efectes sonors. També es mostren les diferents dreceres de teclat que permeten aplicar transformacions visuals en temps real sobre la captura de la webcam i sobre un vídeo generat amb intel·ligència artificial, així com la possibilitat d’alternar entre ambdues fonts visuals. A més, es pot observar com alguns elements visuals reaccionen a l’amplitud del so, modificant la mida i el comportament de la imatge.

Per a la realització d’aquesta transmissió he utilitzat OBS Studio.

Espero que aquest videotutorial sigui clar i útil per entendre el funcionament general de l’aplicació i el plantejament del projecte.