La aplicación tiene dos componentes principales:

1. Un reproductor de audio con controles avanzados.
2. Un visualizador que alterna entre la webcam y un video pregrabado, con varios efectos visuales aplicables en tiempo real.

El reproductor de audio tiene los siguientes controles:

• El botón de Play/Stop inicia y detiene la reproducción de nuestra pista de audio, que en este caso es una pieza instrumental electrónica desarrollada en la PR2.
• Hay tres controles deslizantes:
  • Volumen: ajusta la intensidad del sonido.
  • Velocidad: modifica la velocidad de reproducción, permitiendo efectos interesantes.
  • Panorámica: distribuye el sonido entre los canales izquierdo y derecho.

Los efectos visuales se activan usando diferentes teclas:

• La tecla ‘1’ aplica un efecto negativo, invirtiendo los colores de la imagen.
• ‘2’ binariza la imagen, creando un contraste alto en blanco y negro.
• ‘3’ simula una erosión básica, que puede crear efectos interesantes en los bordes.
• ‘4’ posteriza los colores, reduciendo la paleta para un efecto más gráfico.
• ‘D’ detecta contornos, resaltando los bordes de los objetos en la imagen.
• ‘A’ y ‘S’ rotan la imagen en sentido horario y antihorario respectivamente.
• ‘V’ alterna entre la webcam y un video pregrabado de Barcelona creado con IA.

Estos efectos se pueden combinar para crear visuales únicos y dinámicos.

La aplicación está construida con p5.js y su biblioteca de sonido. Los efectos visuales se implementan manipulando los píxeles de la imagen en tiempo real, mientras que las transformaciones geométricas usan las funciones de transformación de p5.js. Un reto interesante ha sido sincronizar los efectos visuales con la amplitud del sonido, lo que ha permitido que la imagen respondiese dinámicamente a la música.

Muy buenas!

Soy Paula López Perez, estudiante de la UOC y os vengo a presentar mi práctica 2 para la asignatura Proyecto 2 Media. En el cual mediante un directo de YouTube realizo un videotutorial para enseñar la aplicación VJ que hemos estado programando durante todo el curso. Ha ido evolucionando y ha ido de menos a más.

Os enseño un reproductor de música que empieza como un simple reproductor y acabamos añadiendo la inclusión de nuestra webcam para aplicar efectos con una biblioteca p5.js y una música y vídeo que, previamente hemos creado con una IA.

Este reproductor no solo reproduce la música que hemos importado, si no que, hemos agregado unos comandos con los que podemos modificar varias características de la música y aplicar varios efectos.

Junto con la webcam, con la cual también podemos aplicar diversos efectos como negativo, posterización…etc Y finalmente poder aplicarlo todo a la vez.

A continuación os dejo el enlace al directo de YouTube:

He intentado ponerlo incrustado con HTML pero al actualizar la entrada se borra y no se ve, dejo solo el enlace.