Publicado por

PR2- Proyecto Media

Publicado por

PR2- Proyecto Media

Hola a todos os adjunto mi video: Como veréis es un tutorial en  el que hablo de la aplicaciones que hemos ido realizando durante el curso. La idea es que podáis ver el funcionamiento y también como lo he programado para que podáis entender como lo he hecho. Espero que os guste mucho.   Entrega de la PR2 …
Hola a todos os adjunto mi video: Como veréis es un tutorial en  el que hablo de la aplicaciones…

Hola a todos os adjunto mi video:

Como veréis es un tutorial en  el que hablo de la aplicaciones que hemos ido realizando durante el curso. La idea es que podáis ver el funcionamiento y también como lo he programado para que podáis entender como lo he hecho.

Espero que os guste mucho.

 

Debate0en PR2- Proyecto Media

No hay comentarios.

Publicado por

PR2. Transmisión de audio y vídeo. Irene Sirgo

Publicado por

PR2. Transmisión de audio y vídeo. Irene Sirgo

¡Hola a todos y todas! Soy Irene Sirgo y aquí tenéis la grabación del directo que he hecho para mostrar mi aplicación video DJ para la práctica 2 de la asignatura de Proyecto 2.Media. Es una aplicación sencilla que permite mostrar tanto audio como video y gestionarlo, aplicándole filtros y efectos. El audio, compuesto por una canción generada por IA, puede ser controlado a través de un botón de Play y Stop y de sliders, que gestionan aspectos como el…
¡Hola a todos y todas! Soy Irene Sirgo y aquí tenéis la grabación del directo que he hecho para…
¡Hola a todos y todas!

Soy Irene Sirgo y aquí tenéis la grabación del directo que he hecho para mostrar mi aplicación video DJ para la práctica 2 de la asignatura de Proyecto 2.Media. Es una aplicación sencilla que permite mostrar tanto audio como video y gestionarlo, aplicándole filtros y efectos. El audio, compuesto por una canción generada por IA, puede ser controlado a través de un botón de Play y Stop y de sliders, que gestionan aspectos como el volumen, la velocidad de reproducción, o los filtros que aplicarle… Por otro lado, el video, que puede provenir de dos fuentes, la webcam o un video generado por IA, también puede ser transformada, aplicándole mediante el uso de teclas, filtros y también pudiendo rotarla. En el video explico más en detalle todo esto, para que podáis comprender el funcionamiento de esta app. Espero que os guste.

Un saludo, mucho ánimo con el final del semestre.

 

Debate0en PR2. Transmisión de audio y vídeo. Irene Sirgo

No hay comentarios.

Publicado por

PR2 – Videotutorial VJ

Publicado por

PR2 – Videotutorial VJ

¡Hola a tod@s! Adjunto el vídeo de la PR2 para la asignatura de Proyecto 2 del grado de Interacción Digital y Multimedia de la UOC. En el video explico que he desarrollado una aplicación con varios procesamientos multimedia, con la intención de ofrecer una experiencia visual e interactiva tanto en ejecuciones aplicadas por el usuario como el contenido de audio y video que se reproduce. La aplicación se compone de los siguientes elementos: La carga de recursos almacenados de manera…
¡Hola a tod@s! Adjunto el vídeo de la PR2 para la asignatura de Proyecto 2 del grado de Interacción…

¡Hola a tod@s!

Adjunto el vídeo de la PR2 para la asignatura de Proyecto 2 del grado de Interacción Digital y Multimedia de la UOC.

En el video explico que he desarrollado una aplicación con varios procesamientos multimedia, con la intención de ofrecer una experiencia visual e interactiva tanto en ejecuciones aplicadas por el usuario como el contenido de audio y video que se reproduce. La aplicación se compone de los siguientes elementos:

  • La carga de recursos almacenados de manera local como la canción y el video generados con la IA en las prácticas anteriores y también la ejecución la webcam.
  • La aplicación de filtros como pasos bajos, distorsión y compresión al audio, así como el control de estos mediante sliders.
  • La aplicación de filtros como negativo, binarización, erosión, posterización y detección de bordes en los videos que se reproduzcan.
  • Efectos visuales como el confeti que se muestra mientras la música está sonando o el zoom dinámico aplicado al video.
  • Controles como la rotación aplicada a la imagen al pulsar determinadas teclas y un botón de play/stop para inicializar o para el audio.

Espero les guste.

Saludos,

Ehedei Benjamin Marrero Trujillo

Debate0en PR2 – Videotutorial VJ

No hay comentarios.

Publicado por

PR: Transmisión de audio y vídeo. Plataformas de publicación y distribución

Publicado por

PR: Transmisión de audio y vídeo. Plataformas de publicación y distribución

Hola a todos, Soy Eva María Seoane Martínez y quiero compartir con vosotros el resultado de mi proyecto final para la asignatura Proyecto 2. A lo largo de varias PECs, he desarrollado una aplicación interactiva que combina audio, vídeo y efectos visuales en tiempo real. En el primer paso del proyecto, diseñé un reproductor de audio con p5.js y su biblioteca p5.sound. Este incluye un botón Play/Stop, junto con controles deslizantes para ajustar el volumen, la velocidad de reproducción, la…
Hola a todos, Soy Eva María Seoane Martínez y quiero compartir con vosotros el resultado de mi proyecto final…

Hola a todos,

Soy Eva María Seoane Martínez y quiero compartir con vosotros el resultado de mi proyecto final para la asignatura Proyecto 2. A lo largo de varias PECs, he desarrollado una aplicación interactiva que combina audio, vídeo y efectos visuales en tiempo real.

En el primer paso del proyecto, diseñé un reproductor de audio con p5.js y su biblioteca p5.sound. Este incluye un botón Play/Stop, junto con controles deslizantes para ajustar el volumen, la velocidad de reproducción, la panorámica, la frecuencia de corte y la resonancia de un filtro pasa-bajos, además de un efecto de distorsión.

En la siguiente fase, integré la cámara web en la aplicación, permitiendo que su tamaño variara en función de la amplitud del sonido. Esto añade un efecto dinámico muy interesante.

El tercer paso consistió en aplicar transformaciones visuales a la imagen capturada por la cámara. Implementé efectos como negativo, binarización, erosión, posterización, detección de contornos y rotaciones, todo ello controlado mediante teclas.

Finalmente, añadí la opción de alternar entre la webcam y un vídeo pregrabado pulsando una tecla específica. Además, los efectos visuales son aplicables tanto al vídeo como a la webcam.

Os invito a ver el videotutorial que he preparado, donde explico cada paso con más detalle. ¡Espero que lo disfrutéis tanto como yo creando esta aplicación!

¡Un saludo!

 

 

Debate0en PR: Transmisión de audio y vídeo. Plataformas de publicación y distribución

No hay comentarios.

Publicado por

PRA2 – VideoDJ – Tutorial en directo para la utilización del programa

Publicado por

PRA2 – VideoDJ – Tutorial en directo para la utilización del programa

Hola a tod@s! Aquí os dejo el directo realizado para esta última práctica. He de decir que ha sido una experiencia muy divertida, cubriendo no solo el uso de las bibliotecas dedicadas al audio de Javascript, sino además un acercamiento formal al mundo del videocásting que sin duda aprovecharé en breve para mostrar y promocionar mis propios proyectos personales. Como elementos a tener en cuenta para emisiones y grabaciones en el futuro, algo que he aprendido y que me gustaría…
Hola a tod@s! Aquí os dejo el directo realizado para esta última práctica. He de decir que ha sido…

Hola a tod@s! Aquí os dejo el directo realizado para esta última práctica. He de decir que ha sido una experiencia muy divertida, cubriendo no solo el uso de las bibliotecas dedicadas al audio de Javascript, sino además un acercamiento formal al mundo del videocásting que sin duda aprovecharé en breve para mostrar y promocionar mis propios proyectos personales.

Como elementos a tener en cuenta para emisiones y grabaciones en el futuro, algo que he aprendido y que me gustaría dejar constancia en estas líneas es la enorme importancia del audio en los vídeos. Este aspecto es algo que habitualmente suele quedar eclipsado por la dedicación extra que se suele dedicar a la imágen, pero podríamos concluir que siempre será infinitamente mejor un vídeo con una calidad de imagen «justita» y un buen audio, que un vídeo con una gran calidad de imagen con un audio mediocre.

Espero que os guste mi presencia en cámara tanto como me ha gustado realizar este trabajo. :-D

Debate0en PRA2 – VideoDJ – Tutorial en directo para la utilización del programa

No hay comentarios.

Publicado por

Proyectos2: Tutorial aplicación VJ

Publicado por

Proyectos2: Tutorial aplicación VJ

En este video, presento un breve tutorial de cinco minutos sobre mi aplicación VJ, desarrollada como parte de una práctica para [nombre de la asignatura]. Durante el tutorial, exploro las funcionalidades clave de la aplicación y explico cómo aprovecharla al máximo. Además, inicio con una breve introducción que detalla el contexto del proyecto, incluyendo el nombre de la asignatura y mi participación. Para simplificar la integración de la cámara web, he implementado una funcionalidad especial que permite mostrar únicamente la…
En este video, presento un breve tutorial de cinco minutos sobre mi aplicación VJ, desarrollada como parte de una…

En este video, presento un breve tutorial de cinco minutos sobre mi aplicación VJ, desarrollada como parte de una práctica para [nombre de la asignatura]. Durante el tutorial, exploro las funcionalidades clave de la aplicación y explico cómo aprovecharla al máximo. Además, inicio con una breve introducción que detalla el contexto del proyecto, incluyendo el nombre de la asignatura y mi participación.

Para simplificar la integración de la cámara web, he implementado una funcionalidad especial que permite mostrar únicamente la webcam y las escenas de OBS de manera eficiente. La aplicación VJ ya incluye una captura de la cámara web en su interfaz, por lo que decidí no añadir una miniatura adicional para evitar sobrecargar el diseño.

Este proyecto combina creatividad y ofrece una herramienta curiosa para entornos audiovisuales. Espero que disfruten del recorrido y la explicación.

Debate0en Proyectos2: Tutorial aplicación VJ

No hay comentarios.

Publicado por

PR2. Transmisión de audio y vídeo. Plataformas de publicación y distribución

Publicado por

PR2. Transmisión de audio y vídeo. Plataformas de publicación y distribución

En este videotutorial en directo, enseño la aplicación interactiva de videjockey que hemos desarrollado a lo largo del curso utilizando p5.js y su biblioteca p5.sound. Se trata de una herramienta de interfaz bastante sencilla compuesta por música y vídeo con los que se puede interactuar ofreciendo una experiencia personalizable para cualquier usuario. Cuenta con unos controles muy intuitivos con los que se podrá ajustar el volumen, la velocidad y la panorámica de la canción que se esté reproduciendo en la…
En este videotutorial en directo, enseño la aplicación interactiva de videjockey que hemos desarrollado a lo largo del curso…

En este videotutorial en directo, enseño la aplicación interactiva de videjockey que hemos desarrollado a lo largo del curso utilizando p5.js y su biblioteca p5.sound. Se trata de una herramienta de interfaz bastante sencilla compuesta por música y vídeo con los que se puede interactuar ofreciendo una experiencia personalizable para cualquier usuario.
Cuenta con unos controles muy intuitivos con los que se podrá ajustar el volumen, la velocidad y la panorámica de la canción que se esté reproduciendo en la aplicación. Otras funciones con las que nos podemos encontrar son la aplicación de efectos de sonido tales como filtros de frecuencia, resonancia y delay.
Además, de los efectos de sonido mencionados, también se pueden aplicar algunos efectos al vídeo reproducido como la inversión de colores, la binarización, la erosión o la posterización. También es posible alternar entre la captura de pantalla de nuestra webcam y un vídeo precargado de nuestro ordenador, así como girar la imagen hacia un lado u otro, sin olvidarnos de mencionar que la imagen del vídeo se ampliará o reducirá en función de la amplitud del sonido de la música.
Desarrollar esta aplicación de videojockey me ha permitido investigar los principios del diseño multimedia, aplicando de este modo tanto conocimientos técnicos como creativos para poder ofrecer un producto funcional y divertido.
Os invito a que veáis el siguiente videotutorial para que os hagáis una idea más clara de en qué consiste la aplicación de VJ.
¡Espero que os guste!

https://youtu.be/I15AYDXmphY?si=93iNsnGt9j4nWgQA

Debate0en PR2. Transmisión de audio y vídeo. Plataformas de publicación y distribución

No hay comentarios.

Publicado por

PR2. Transmisión de audio y vídeo. VJ App

Publicado por

PR2. Transmisión de audio y vídeo. VJ App

Hola compañeros, comparto con ustedes mi programa VJ, desarrollado con la biblioteca p5.js. Este proyecto combina efectos visuales y manipulación de audio en una experiencia interactiva y sincronizada. En el navegador, se pueden observar dos áreas principales: una para el vídeo y otra con controles interactivos, como sliders y un botón de pausa/reproducción. Al iniciar el audio con el botón de ‘Play’, notarán cómo la escala del vídeo reacciona a la amplitud del sonido, creando un efecto visual rítmico y…
Hola compañeros, comparto con ustedes mi programa VJ, desarrollado con la biblioteca p5.js. Este proyecto combina efectos visuales y…

Hola compañeros, comparto con ustedes mi programa VJ, desarrollado con la biblioteca p5.js. Este proyecto combina efectos visuales y manipulación de audio en una experiencia interactiva y sincronizada.

En el navegador, se pueden observar dos áreas principales: una para el vídeo y otra con controles interactivos, como sliders y un botón de pausa/reproducción. Al iniciar el audio con el botón de ‘Play’, notarán cómo la escala del vídeo reacciona a la amplitud del sonido, creando un efecto visual rítmico y atractivo.

Con los sliders, podemos ajustar el volumen, la velocidad del audio, la panorámica entre canales y parámetros avanzados como la frecuencia de corte y resonancia de un filtro pasa-bajos, destacando graves o agudos. También incluí un filtro de distorsión para alterar el carácter del sonido y un efecto delay para añadir eco.

En cuanto a los visuales, pueden alternar entre un vídeo o la cámara, y aplicar efectos como negativo, binarización, posterización o detección de contornos. Además de poder rotar el vídeo en tiempo real.

Saludos cordiales

Angello Zamudio

 

Debate0en PR2. Transmisión de audio y vídeo. VJ App

No hay comentarios.

Publicado por

Explorando Transformaciones Interactivas: IA y Cámara Web con p5.js

Publicado por

Explorando Transformaciones Interactivas: IA y Cámara Web con p5.js

https://youtube.com/live/Io5l_dj6aGs En este video os presentamos un programa interactivo que combina la cámara web con un video generado mediante inteligencia artificial, utilizando la biblioteca p5.js. El objetivo de este proyecto es explorar cómo aplicar transformaciones geométricas en tiempo real, como mover, rotar y escalar imágenes, a través de controles del teclado. 1. Mostramos cómo alternar entre las dos fuentes de video (la cámara web, que captura imágenes en vivo, y un video generado que se reproduce en bucle). 2. Mostramos…
https://youtube.com/live/Io5l_dj6aGs En este video os presentamos un programa interactivo que combina la cámara web con un video generado mediante…

https://youtube.com/live/Io5l_dj6aGs

En este video os presentamos un programa interactivo que combina la cámara web con un video generado mediante inteligencia artificial, utilizando la biblioteca p5.js.

El objetivo de este proyecto es explorar cómo aplicar transformaciones geométricas en tiempo real, como mover, rotar y escalar imágenes, a través de controles del teclado.

1. Mostramos cómo alternar entre las dos fuentes de video (la cámara web, que captura imágenes en vivo, y un video generado que se reproduce en bucle).

2. Mostramos los controles que permiten mover la imagen por el lienzo con las flechas del teclado, rotarla con una tecla C y ajustar su tamaño con comandos «+» y «-» para ampliar o reducir el video.

Como veréis, el programa también incluye otras características como límites de pantalla y la posibilidad de combinar transformaciones. Además de ser un programa funcional, es una herramienta didáctica que ayuda a entender conceptos fundamentales de programación gráfica e integración de vídeo en proyectos multimedia.

El resultado es una experiencia interactiva, visualmente fluida y fácil de utilizar.

¡Espero que lo disfrutéis y que os animes a ver el video!

Gracias.

Debate0en Explorando Transformaciones Interactivas: IA y Cámara Web con p5.js

No hay comentarios.

Publicado por

Videotutorial aplicación VJ – Segunda práctica PR. 2 – Proyecto 2. Media.

Publicado por

Videotutorial aplicación VJ – Segunda práctica PR. 2 – Proyecto 2. Media.

Vídeo en formato mp4 de la retransmisión: Enlace a YouTube de la retransmisión: ¡Buenas tardes! Aquí adjunto el videotutorial explicativo sobre la aplicación diseñada para la asignatura de Proyecto 2. Media. En este videotutorial se muestra cómo funciona la aplicación VJ que he desarrollado durante el curso. Esta herramienta combina audio, video y varios efectos en tiempo real, estando todo integrado usando la biblioteca p5.js. La transmisión se ha realizado mediante el programa OBS Studio que permite realizar grabaciones de…
Vídeo en formato mp4 de la retransmisión: Enlace a YouTube de la retransmisión: ¡Buenas tardes! Aquí adjunto el videotutorial…

Vídeo en formato mp4 de la retransmisión:

Enlace a YouTube de la retransmisión:

¡Buenas tardes!

Aquí adjunto el videotutorial explicativo sobre la aplicación diseñada para la asignatura de Proyecto 2. Media.
En este videotutorial se muestra cómo funciona la aplicación VJ que he desarrollado durante el curso. Esta herramienta combina audio, video y varios efectos en tiempo real, estando todo integrado usando la biblioteca p5.js. La transmisión se ha realizado mediante el programa OBS Studio que permite realizar grabaciones de pantalla y vincular retransmisiones en directo directamente con You Tube, facilitando ampliamente una retransmisión óptima.

¡Espero que lo disfruten!

Debate0en Videotutorial aplicación VJ – Segunda práctica PR. 2 – Proyecto 2. Media.

No hay comentarios.