En este videotutorial explico el funcionamiento de la aplicación desarrollada con la biblioteca p5.js, centrada en la manipulación en tiempo real tanto de vídeo como de audio. A lo largo del vídeo se muestra cómo la aplicación responde a la interacción del usuario, permitiendo activar y desactivar distintos efectos visuales y comprobar inmediatamente su resultado en pantalla.

La aplicación permite encadenar varios efectos y experimentar con diferentes combinaciones durante la ejecución. También incluye la posibilidad de cambiar la fuente de imagen, alternando entre un vídeo pregrabado y la captura en directo desde la webcam, lo que amplía las opciones de interacción y uso del sistema.

El audio y el vídeo empleados se han desarrollado mediante inteligencia artificial dentro del marco de la asignatura. Para ello se creó una canción específica y un vídeo siguiendo una serie de indicaciones dadas. Durante este proceso se trabajó con diferentes plataformas y se realizaron múltiples pruebas de prompts hasta obtener un resultado coherente con los objetivos del proyecto.

Para la grabación del videotutorial se utilizó YouTube en emisión en directo junto con OBS Studio, lo que permitió mostrar el funcionamiento de la aplicación en tiempo real y registrar el proceso de forma clara y estructurada.

DJPaint es una aplicación que realiza la funcionalidad para poder ser utilizada como Vídeo DJ, esto es, permite conmutar en directo entre diferentes fuentes de vídeo y aplicar a las mismas diferentes tipos de efectos en tiempo real. Los mencionados efectos son de tipo vídeo y audio. Los efectos de audio (Volumen: permite ampliar o disminuir el sonido, Velocidad: Que se reproduzca más rápida o más lenta. Panorámica: Para controlar que el sonido se escuche más por el lado izquierdo, derecho o en el centro. Reverb: Simula el sonido reflejado en un espacio dado Delay: Repite el sonido después de un momento de “retraso” serán aplicados a la fuente de audio especificada en
tiempo de desarrollo.
Los efectos de vídeo en tiempo ejecución aplicados a la señal de vídeo que en ese momento esté activa son; Binarización: que convierte la imagen a todo color únicamente 2 colores con el método filter aplicado a la instancia realizada con la clase createGraphics. Negativo: que
invierte los valores de color de una imagen, Posterizado: que se consigue disminuyendo la paleta de colores y Resaltar bordes, que es una operación matemática que identifica límites de objetos en una imagen y que, a diferencia de los filtros mencionados, lo realizo con una
función ad-hoc basada en los valores de la imagen. La señal activada podrá ser rotada en tiempo de ejecución (con teclas asignadas) con la
función “rotate”.