HECHO CON BLOQUES #52: Tutorial de Udio; Nuevo bloque de cuadrícula; Encuesta de igualdad de género de WP Includes; y mucho más

Share to social media

Este episodio de HECHO CON BLOQUES versa sobre el uso de herramientas de inteligencia artificial como ChatGPT para generar letras de canciones y luego usar otra herramienta de inteligencia artificial llamada Udio para generar la música que las acompaña. También analiza el uso del editor Gutenberg de WordPress para crear diseños de cuadrícula con bloques. En general, el episodio cubre el uso de la IA y WordPress para crear contenido.

HECHO CON BLOQUES #52: Tutorial de Udio; Nuevo bloque de cuadrícula; Encuesta de igualdad de género de WP Includes; y mucho más - Soy consciente de la importancia del atributo ALT y estamos trabajando para mejorar la accesibilidad de este sitio web.
Imagen generada en BIng Copilot con el prompt: «Portada de un disco para la canción titulada ‘Promesas en la lluvia’, cantada por un conjunto de pop-rock.» «Promesas en la lluvia» es el título de la canción que he generado con la música de Udio y letra escrita al alimón entre ChatGPT y yo.

[Episodio estrenado en Blogpocket: 26/04/24]

Aquí hay un resumen de cinco puntos clave de este vídeo

Puntos claves obtenidos a partir de la transcripción de este episodio sobre herramientas de IA generativa, por la herramienta AssemblyAI (con corrección humana).

  • Udio es una aplicación de inteligencia artificial similar a Suno que puede generar música y letras. Se utilizó para crear una canción de rock de los años 50 con letra generada por ChatGPT.
  • El nuevo bloque de cuadrícula de WordPress permite crear diseños con columnas y filas, como una cuadrícula CSS. Se utilizó para recrear el diseño, de una cuadrícula de un tutorial existente en YouTube, con bloques de Gutenberg.
  • La primera encuesta de igualdad de género de WP Includes tiene como objetivo comprender las experiencias de las mujeres y las personas de género diverso que trabajan en empresas de WordPress. Proporcionará información sobre la composición de género de los equipos de liderazgo y los desafíos enfrentados.
  • Más de la mitad de los oradores de WordCamp Europe 2024 serán mujeres y cubrirán diversos temas, desde la enseñanza de WordPress en Uganda hasta la accesibilidad web para personas sordas.
  • La cita inspiradora de la semana del monje budista Thich Nhat Hanh trata sobre permanecer presente en lugar de obsesionarse con soñar con el futuro.

Contenido del episodio nº 52 del videopodcast HECHO CON BLOQUES (transcripción)

Transcripción obtenida mediante la herramienta AssemblyAI (con corrección humana).

00:00 – [Suena un pequeño fragmento de la canción «Promesas en la lluvia»]

¿Quieres aprender a componer canciones como esta? Pues quédate conmigo porque te voy a enseñar cómo hacerlo fácilmente con inteligencia artificial. Soy Antonio Cambronero y esto es HECHO CON BLOQUES.

[Suena la sintonía]

00:33 – La canción que acabamos de escuchar en la entradilla la he realizado con la aplicación Udio en su versión beta gratuita. Esta aplicación es muy semejante a Suno, otra de las aplicaciones que habíamos visto aquí en HECHO CON BLOQUES para crear temas musicales mediante inteligencia artificial. Para que veas lo que se puede lograr con esta aplicación, vamos a crear a continuación una canción desde cero.

La música la va a generar Udio, pero la letra la vamos a escribir nosotros. ¿Cómo? Bien, pues ayudándonos de ChatGPT, pero podríamos crearla o idearla nosotros mismos sin usar ChatGPT. Ahora veremos cómo se hace.

Para generar temas musicales en Udio, podemos nosotros escribir nuestras propias letras o hacer uso, por ejemplo, de ChatGPT para que nos ayude con ideas o a desarrollar historias de todo tipo. Le hemos pedido a ChatGPT que nos escriba una canción en seis líneas, porque seis líneas es lo que pide Udio para generar las canciones, sobre el amor estilo rock and roll de los años 50. Y nos ha escrito lo siguiente:

«En mi Chevy vamos rodando ya bajo las estrellas, solos tú y yo. El motor ruge, el corazón va a estallar, bailando juntos al ritmo del rock and roll. Tus ojos brillan bajo la luz de la luna…«

Pero ya digo, esto lo podríamos haber escrito nosotros con nuestras propias ideas.

Vamos a copiarlo al portapapeles y nos lo vamos a llevar Udio, claro que sí. Entonces, en el botoncito de «Crear», si damos directamente o hacemos clic directamente en el botón, pues nos dice que escribamos un prompt. Vamos a escribir un prompt en español y que es, bueno, pues «Una canción, una canción estilo rock and roll de los años 50».

Pero tenemos etiquetas sugeridas y también si nosotros escribimos cualquier estilo ahora, por ejemplo, podríamos escribir estilo rock aquí, perdón, que me he equivocado. Aquí se nos ofrecen etiquetas relacionadas con eso que nos servirían para ir modelando lo que sería el estilo de la música. Podemos decirle rockabilly, por ejemplo, ¿de acuerdo? También vamos a decirle, bueno, pues rock and roll, por supuesto, aunque ya estaba aquí; traditional, country, early pop rock, etc., bueno, oldies, vamos a ponerle oldies, classic, classic rock, por ejemplo, y lo que queramos, ¿de acuerdo?

Podríamos añadir cualquier cosa que se nos ocurra para componer lo que sería la música. Udio también permite después extender esos 38 segundos iniciales, de manera que podemos ir componiendo una canción de más extensión en base a ir añadiendo extensiones o incluso remixes. ¿Vamos a indicarle para empezar que queremos, como decía, pues escribir nuestras propias letras, de acuerdo? Entonces hay que hacer clic aquí.

Podría ser instrumental o que autogenere las letras, pero como decía, vamos a hacer una canción con nuestras propias letras. Lo que pasa es que en este caso, en vez de escribirlas nosotros, nos hemos ayudado de chatGPT, ¿de acuerdo? Y le vamos a poner esas letras. Simplemente tenemos que hacer clic ahora en «Crear» y el sistema se pone a crear las dos canciones.

Dos canciones que son dos versiones, dos posibles versiones de este tema. Y nosotros sobre uno de esos dos podemos ir añadiendo extensiones, etc.

En un par de minutos tenemos ya el resultado sorprendente y espectacular.

Como vamos a ver, dos posibles versiones «Luna y motor», «Luna y Rock and roll». Vamos a ver la primera. Simplemente hacemos clic para que aparezca la página del tema con el prompt, las letras aquí a la izquierda, que es la que nosotros hemos escrito, la posibilidad de escuchar ahora, publicarlo para que los usuarios de Udio puedan verlo.

Y como decía antes, lo bueno o lo interesante de esta herramienta de inteligencia artificial es que podemos trabajar con estos 38 o 33 primeros segundos haciendo remixes o extendiendo, incluso editando, ¿de acuerdo?

Vamos a escucharlo en primer lugar para ver si el tema músical, la música corresponde al promt que nosotros hemos escrito.

[Suena la canción]

Bueno, perfecto, esta es la primera versión. Vamos a ir hacia atrás y podríamos escuchar la segunda versión.

[Suena la canción]

¿Qué podemos hacer ahora? Pues seguir componiendo la canción, no dejarla simplemente en un fragmento de cero 33 segundos, sino a lo mejor pues completar los 3 minutos. Para ello hacemos clic en el botón «Extender» y debemos elegir aquí en medio donde queremos colocar ese nuevo fragmento. Queremos que sea un fragmento de inicio, un fragmento de fin, después o antes del fragmento que ya teníamos, ¿de acuerdo? Pero también podemos, digamos, volver a elegir la opción de si queremos para este nuevo fragmento letras escritas por nosotros o ayudándonos de chatGPT, como hemos hecho, o con letras autogeneradas para que veamos un poco cómo funciona la aplicación.

En vez de una letra nuestra para este fragmento, para este segundo fragmento que va a ir después del primero, la vamos a autogenerar las letras, ¿de acuerdo? Tenemos este fragmento que hemos escrito nosotros, la letra, y vamos a completarlo ahora con uno nuevo. Hacemos clic en «Extend» y la aplicación se pone a generarnos dos nuevas versiones. Dos nuevas versiones a partir de esta «Luna y motor».

Aquí pondrá «Luna y motor»… y aquí «Luna y motor extensión v2». Vamos a ver el resultado. Bien, ahora tenemos dos nuevas versiones, la extensión v1 y la extensión v2 de la canción.

Como vemos aquí se indica que la canción ya dura 1 minuto, no 33 segundos como al principio. Tenemos ahora dos fragmentos, ¿de acuerdo? Vamos a ver la versión uno. Hacemos clic y vemos que hay 10 líneas de letra con una duración de 1 minuto.

Vamos a ver, vamos a hacer clic aquí, comprobamos que la duración es de 1 minuto.

[Suena la canción]

Vamos a adelantarlo un poco. Estas son las nuevas estrofas.

En fin, yo creo que te haces una idea de cómo funciona. Udio tiene realmente unas posibilidades muy sorprendentes, sobre todo en la parte de las letras, como hemos visto. En la parte de la música también se le puede, mediante las etiquetas, depurar o modelar, tal como podríamos querer nosotros lo que es la parte musical.

09:43 – Dejemos la música, dejemos el rock and roll y vamos a dedicar unos minutos o los próximos minutos a otro tipo de rock and roll. El rock and roll de Gutenberg, el rock and roll de WordPress, del editor del sitio, lo que se puede hacer con los bloques de WordPress.

Ahora estamos viendo aquí el canal de YouTube de Kevin Powell, que se dedica a enseñarnos CSS, ¿de acuerdo? Aquí estamos viendo una rejilla, un diseño en rejilla de 1, 2, 3 , 4, 5 columnas.

Lo que pasa es que, no sé si te fijas, pero para este elemento, estamos viendo que se están ocupando dos columnas. Aquí igual, ¿de acuerdo? Esta y esta, ocupan una. Y aquí estamos viendo otro elemento que ocupa no dos columnas, sino dos filas, ¿vale? Para realizar este diseño.

Tenemos por aquí al señor Jamie Marsland que nos habla de cómo hacer este diseño de Kevin Powell, pero con bloques de Gutenberg, ¿de acuerdo? Y aquí nos lo explica.

Yo te lo voy a contar ahora aquí con una página de prueba en la aplicación Local y para que aprendas el concepto y lo básico del nuevo bloque de cuadrícula. El nuevo bloque de cuadrícula no lo vas a poder utilizar a menos que instales el plugin Gutenberg todavía no está en 6.5.

Pues vamos allá. Vamos a crear esta cuadrícula de esos cinco elementos de la manera que explicaba Kevin Powell en su canal de YouTube o Jamie Marsland con bloques de Gutenberg en el canal de YouTube de WordPress.com.

Lo primero que vamos a hacer añadir un bloque de cuadrícula, ¿de acuerdo? En el bloque de cuadrícula vamos a insertar un bloque de grupo y dentro del bloque de grupo el bloque de pila y dentro del bloque de pila un bloque de párrafo con un lore ipsum. Y como hay cinco elementos en el diseño, vamos a duplicar el bloque de fila, pero lo vamos a duplicar cuatro veces para tener esos cinco elementos, ¿de acuerdo? Y para que la cuadrícula ocupe el ancho completo vamos a darle en la configuración una altura en píxeles, perdón, una anchura en píxeles de 250, por ejemplo. Y además vamos a elegir ese ancho amplio haciendo clic aquí en el botoncito de la botonadura, en el botoncito de alinear de la botonadura de la parte superior del bloque de cuadrícula.

Ahora viene la parte interesante. La parte interesante es que el primer elemento tiene que ocupar dos columnas. Para ello vamos a ir al primer elemento o bloque de pila y en la configuración de estilos del bloque le vamos a decir en esta nueva opción que que proporciona el plugin Gutenberg en WordPress, le vamos a decir que la extensión de la columna son dos.

Y para que se vea mejor, bueno en vez de un color de fondo, etc. Lo que nosotros vamos a hacer es ponerle un borde de un píxel y así vemos que el primer elemento ya ocupa dos columnas. Si publicamos esta página de prueba, este es el aspecto que tiene el diseño, el primer elemento ocupando dos columnas, ¿de acuerdo? Este es el segundo elemento, este es el tercero, esto es el cuarto y este es el quinto.

El quinto es el que queremos ahora que ocupe dos columnas. Para ello nos vamos a ir al quinto elemento y en la configuración del bloque, en el apartado de estilos, vamos a hacer lo mismo, le vamos a decir que queremos dos columnas para ese elemento y para que se vea bien, un borde de un píxel. Vamos a actualizar la página y vamos a refrescarla para ver que efectivamente este quinto elemento ahora ocupa dos columnas, tal como tenía el diseño de Keiwin Powell hecho con css y que también Jamie Marsland nos contaba en su vídeo cómo hacerlo según lo estamos haciendo o lo estoy haciendo yo ahora.

¿Vale? Y ahora el tercer elemento es el que queremos que ocupe dos filas. Así que nos vamos a la tercera pila, el tercer bloque de pila, y repetimos en el apartado de estilos de la configuración, le vamos a decir en vez de que la extensión de columna sea dos, le vamos a decir que la extensión de la fila sea dos. Y le vamos a poner un borde de un píxel para que se vea bien.

Vamos a actualizar, vamos a refrescar la página y vemos que ahora el diseño es exactamente el mismo que el de Kevin Powell. Lo hemos simplificado mucho, claro que sí, pero hemos hecho o te hemos dado las pistas, las claves para configurar diseños con el nuevo bloque de cuadrícula.

15:31 – Y no quería terminar este episodio, de hecho, con bloques sin citar la primera encuesta sobre igualdad de género que ha realizado WP Includes.

Esta primera encuesta está destinada a comprender las experiencias de mujeres y personas de género diverso que trabajan en empresas de WordPress. La encuesta sobre igualdad de género en empresas de WordPress obtendrá información muy valiosa y crítica sobre las composiciones de género de los equipos de liderazgo, las experiencias de las mujeres y los líderes y empleados con diversidad de género y los desafíos, sobre todo, y barreras para el éxito de su carrera. Todo esto nos lo decía Siobhan McKeown, la cofundadora de WP Includes.

16:24 – Y también quería comentar algo sobre la próxima WordCamp, Europa 2024. Y es que 26 de los 51 oradores son mujeres, con temas diversos que cubren todo, desde cómo los profesores de Uganda están alimentando una comunidad joven de WordPress hasta técnicas prácticas para el desarrollo web sostenible, algo muy interesante que nos preocupa mucho en Blogpocket, también van a comentar WordPress como herramienta de empoderamiento para jóvenes activistas y técnicas y estrategias de accesibilidad digital y lingüística para personas sordas.

Es decir, que Europa 2024 acoge la diversidad y nos alegramos y mucho de esto y además lo apoyamos sinceramente.

Siobhan McKeown, la cofundadora, como decíamos antes, de WP Includes, también va a participar dando una charla junto con Francesca Morano, la directora de aprendizaje y crecimiento de ingeniería de XWP. También estará Joost de Valk, el fundador de Joast, hablando sobre el código abierto sostenible

Wordcamp Europa 2024, se presenta, como ves, súper interesante.

17:44 – La frase inspiradora de la semana es esta vez del monje budista Thích Nhat Hanh. La cita nos la lee Bob Esponja y dice así:

[Voz de Bob Esponja] «Si seguimos aferrándonos a un sueño para algo en el futuro, perdemos el momento presente. Y si perdemos el presente, lo perdemos todo.«

18:07 – Esta cita nos la recordaba Darius Foroux, en su newsletter: «Soñar con un futuro mejor es genial, pero no deberíamos obsesionarnos demasiado con ello. Mantente presente.«

18:20 – Episodio muy sustancioso, de HECHO CON BLOQUES, esta semana, como has podido comprobar.

Estamos en YouTube una semana después. Ahí puedes activar la campanita para no perderte nada y te puedes suscribir a Blogpocket.com para no perderte nada, ni las publicaciones del blog, ni este videopodcast. Puedes suscribirte mediante RSS, mediante email. Y cómo no, estamos también en el mundo federado de Mastodon. En el mundo federado, ahí puedes también seguir nuestro blog, como no.

Te habló, encantado como siempre, Antonio Cambronero. Saludos cordiales. Nos vemos en un próximo episodio, de HECHO CON BLOQUES.

Acciones propuestas, a partir del contenido de este episodio

Acciones propuestas a partir de la transcripción de este episodio por la herramienta AssemblyAI.

A continuación se muestran algunas posibles medidas de acción basadas en en este vídeo:

  • Prueba las aplicaciones de composición musical Udio y Suno AI mencionadas. Experimenta escribiendo tus propias letras o usando IA para generar letras.
  • Aprende a crear diseños de cuadrícula con el nuevo bloque de cuadrícula de WordPress. Recrea el diseño de demostración que se muestra usando columnas y filas.
  • Consulta la encuesta sobre igualdad de género de WordPress de WP Incluye y considera participar si es posible.
  • Considera hablar, asistir o ser voluntario en WordCamp Europe 2024.
  • Reflexiona sobre permanecer en el presente, en lugar de obsesionarte demasiado con el futuro, como sugiere la cita de Thich Nhat Hanh.
  • Suscríbete al blog de Blogpocket y al canal de YouTube para mantenerte actualizado sobre su contenido.
  • Considera iniciar un blog o canal de YouTube centrado en un tema que conozcas y te apasione. Proporcionaa información valiosa para ayudar a otros.
  • Explora el uso de herramientas de inteligencia artificial como ChatGPT para ayudar a generar ideas y contenido, pero no confíes en ellas por completo. Añade tu propia perspectiva humana.

Responder en Mastodon (requiere usuario en esa plataforma)

Puedes usar tu cuenta de Mastodon para responder a este post de acambronero

Copia y pega esta URL (https://www.blogpocket.com/podcast/hecho-con-bloques-52/) en el campo de búsqueda de la interfaz web de tu servidor Mastodon.

Icono de Mastodon

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Antonio Cambronero.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a GreenGeeks que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido