Hola companys,

A continuació està el meu lliurament per aquesta activitat.

Aquest és un programa interactiu que combina àudio i efectes visuals en temps real utilitzant HTML, CSS, JavaScript i la biblioteca p5.js. Està dividit en tres seccions principals: controls d’àudio, visualització central i el manual de la webcam.

Els controls d’àudio, situats a l’esquerra, permeten ajustar el volum, la velocitat de reproducció i la panoràmica del so. També inclou efectes avançats com un filtre de pas baix, reverberació i distorsió, que es poden configurar mitjançant sliders.

La secció central mostra una visualització en temps real de la webcam o un vídeo, i es pot aplicar diferents filtres visuals com negatiu, binarització, erosió, posterització i detecció de contorns segons les tecles pressionades. A més, es poden rotar les imatges cap a la dreta o l’esquerra amb les tecles A i S, o alternar entre la webcam i el vídeo amb la tecla W.

A més, el programa adapta automàticament la mida de la imatge segons el nivell d’àudio.

Espero que us agradi el directe i us sembli interessant el funcionament de la meva aplicació VJ.

Salutacions,

Lisbett.

Enllaç: https://youtube.com/live/nYImu3OH2zk

Hola!

En el vídeo que adjunto a continuació vull presentar-vos la meva aplicació de videojockey, desenvolupada al llarg d’aquesta assignatura. La presentació s’ha transmès en directe a Youtube i s’ha fet amb l’ajuda del programa OBS.

L’aplicació permet reproduir vídeo (o mostrar la imatge de la càmera web) i àudio així com aplicar-hi efectes i transformacions.  S’ha desenvolupat fent servir Javascript, HTML , CSS i la llibreria p5.js. El vídeo que es mostra s’ha generat amb la plataforma Invideo AI.

Noèlia Llobera Sànchez.

https://youtu.be/gFIKUV1t0Q4

En el següent vídeo trobareu una retransmissió en directe realitzada per mi en Youtube.

La retransmissió s’ha realitzat utilitzant el software OBS, on s’han creat diferents escenes per gestionar les diferents parts del vídeo. Per cada escena s’ha personalitzat el contingut a mostrar. Entre els elements emprats en les escenes són:

• Vídeo Capture Device per integrar la càmera. En aquí s’ha aplicat un filtre “Background Removal” per eliminar els fons de la captura de la càmera i poder mostrar una imatge de fons.
• Text (GDI+) per a mostrar text.
• Image per a mostrar la imatge de fons o el gif animat.
• Media Source per a mostrar els vídeos d’entrada i de tancament. Comentar que aquests vídeos els he implementat amb After Effects.
• Window Capture per mostrar el projecte web en funcionament.

En el vídeo s’explica el projecte VJ en el que s’ha estat treballant en l’assignatura Projecte 2. Media.

Aquest projecte s’ha implementat mitjançant la llibreria P5.js per al tractament de vídeos i imatges i, en el meu cas, bootstrap per la capa de presentació.

La cançó integrada en el projecte s’ha implementat amb SUNO AI i el vídeo amb Invideo AI.

Hola a tothom!

El meu nom és Maria, i a continuació adjunto el vídeo corresponent al que ha estat el meu primer directe de YouTube.

En aquest vídeo, trobareu una breu explicació sobre el funcionament de l’aplicació VJ que hem anat programant al llarg de les diverses PAC’s de l’assignatura de Projecte 2 Mèdia.

Com veureu, aquesta aplicació està formada per arxius de continguts de tipus visuals, com poden ser la captura d’imatges des de la webcam o un vídeo, i altres arxius amb continguts d’àudio, en aquest cas una cançó generada amb eines que funcionen amb Intel·ligència Artificial.

Tots aquests són elements amb els quals el VJ protagonista d’aquesta app tindrà l’oportunitat d’interactuar, i els quals podrà anar combinant i modificant de maneres molt diverses per obtenir nous i creatius resultats. Entre altres coses, l’usuari podrà aplicar filtres a les imatges a través del teclat, com per exemple filtres de negatiu o de posterització, també rotar-les i, per altra banda, també modificar la velocitat de reproducció de l’àudio o aplicar-li efectes de reverberació o distorsió entre d’altres combinacions possibles.

Ara només cal provar-la i per fer-ho podeu seguir el següent tutorial!

Fins aviat!

https://youtube.com/live/tndj1mJvAP4

Salutacions!

Maria

Hola molt bones! Em dic Jordi-Albert Tauste i avui us explicaré el funcionament de la app VJ que varem crear en anteriors pràctiques de l’assignatura, per començar tindrem que obrir el codi desde Visual Studio code i clickar en “Open with live server”.

Una vegada ja tinguem la aplicació oberta en el nostre navegador veurem que a la part inferior tindrem un quadre gran negre, per a que poguem utilitzar la nostre webcam, tindrem que donar-li drets d’ús al navegador, una vegada estiguin donats, la webcam ja tindria que funciona, com veureu en el video, si esteu utilitzant la webcam per qualsevol altre cosa que no sigui la app, aquesta no funcionarà, estigueu segurs de que ninguna altre aplicació ni programa estigui utilitzant la cam.

En la mateixa aplicació trobareu les diferents modificacions que se li poden fer no només a la imatge sinó també a la cançó de fons, només teniu que pressionar el “Play/Stop per a que la cançó començi a sonar”

Gaudiu!!

Som n’Albert Burguera i en aquest tutorial us presento l’aplicació VJ desenvolupada durant el curs, pensada per combinar efectes visuals i sonors d’una manera creativa. Aquesta aplicació permet controlar aspectes d’àudio com el volum, la velocitat de reproducció, la panoràmica i aplicar filtres com el Distort per modificar l’experiència sonora. Paral·lelament, en la part visual, s’inclouen efectes dinàmics aplicables a la imatge de la webcam o al video creat amb intel·ligència artifical, com la detecció de contorns, la posterització o altres transformacions geomètriques i de color, que es poden activar a través de les tecles assignades.

Per a la demostració, he utilitzat OBS Studio per configurar diferents escenes: una entradeta, una escena principal que mostra l’aplicació amb la captura de la webcam en petit i una escena de tancament. Durant la transmissió he mostrat com els efectes visuals reaccionen al so i com es poden generar composicions úniques.

Com molts de vosaltres m’heu demanat, aquí teniu el directe on explico detalladament el funcionament de l’aplicació VJ. Aquest reproductor innovador permet modificar diversos paràmetres d’una cançó generada mitjançant intel·ligència artificial, tot oferint la possibilitat d’ajustar, en temps real, diferents aspectes de la música i la imatge. A més de les modificacions sonores, el reproductor altera també la imatge capturada per la webcam, creant una experiència interactiva i dinàmica.

Un dels paràmetres més destacats és el volum, que no només controla l’amplitud del so, sinó que també modifica la mida de la imatge de la webcam en directe, creant una relació directa entre el so i la visualització. A banda d’aquest, també disposem d’altres paràmetres, com la velocitat de reproducció, un tall de freqüència per ajustar les tonalitats i el panorama per a l’efecte espacial de l’àudio, entre d’altres.

En futures versions, i com es pot veure durant el directe, es preveu implementar noves millores, com nous paràmetres d’efectes (reverberació, compressor…) i l’afegiment de filtres visuals per a la imatge de la webcam, que es podran activar amb tecles específiques per personalitzar l’experiència.

Espero que us agradi aquest projecte i que el gaudiu al màxim!

Enllaç al vídeo: https://youtube.com/live/cUzB95Zhx98

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/cUzB95Zhx98?si=jfEfxyP4_IBF-Grm” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share” referrerpolicy=”strict-origin-when-cross-origin” allowfullscreen></iframe>

PD: No sé perquè però el Folio no em crea la finestreta amb el vídeo directament, només em deixa enganxar l’enllaç.

Molt bones a tots,

a continuació us deixaré l’enllaç del meu primer directe a YouTube utilitzant OBS Studio.

En aquest primer directe us faig una petita explicació de la nova VJ app que estem desenvolupant. Veureu que té una gran varietat d’opcions i eines amb les que modificar la nostra imatge i la nostra música. Per una banda a la imatge li podem aplicar tot tipus de transformacions lineals i geomètriques.  Per altra banda amb la música podem jugar i entretenir-nos modificant els diferents paràmetres com ara la velocitat, la freqüència, la distorsió i altres opcions.

Com he dit al directe, us convido a deixar comentaris sobre que voleu que parli als pròxims directes o de que voleu que faci més tutorials.

Heu de saber però, que la app encara es troba en una fase de desenvolupament i podria tenir alguns errors o algunes funcionalitats limitades.

Estigueu connectats perquè això només ha fet que començar! Subscriviu-vos al canal si voleu estar al corrent de tots els directes!

Salut!