Prueba audio Montse

 Probamos el código HTML5 para insertar el reproductor y audio de Montse:

Integrar audio mp3 alojado en Dropbox con HTML5

A mediados de este mismo mes de febrero de 2024 Dropbox ha introducido unos importantes cambios en los enlaces de los archivos compartidos, si bien estos cambios para la mayoría de usuarios y usos de estos enlaces carecen de una gran importancia, sí son decisivos de cara a utilizar un reproductor HTML5 para integrar audios mp3 que tengamos alojados en nuestra cuenta de Dropbox.

En resumen, Dropbox introduce una nueva arquitectura actualizada de enlaces compartidos en la que los enlaces se basan en el contenido y no en los usuarios.

Veamos a continuación cómo configurar el código correctamente de forma que solo tengamos que hacer unos pequeños cambios en la URL del enlace para compartir que obtendremos directamente desde nuestra cuenta de Dropbox.

En primer lugar subimos el archivo MP3 a nuestra cuenta de Dropbox y elegimos la opción Copiar enlace.

A continuación hay que modificar el enlace original sustituyendo la coletilla final "dl=0" por "raw=1"

Ejemplo de enlace original:

https://www.dropbox.com/scl/fi/ohyzgwdiq7pq92i4ifhls/Entrada-ambient.mp3?rlkey=a50satwakhp5uvta3slfq8w94&dl=0

Enlace modificado:

https://www.dropbox.com/scl/fi/ohyzgwdiq7pq92i4ifhls/Entrada-ambient.mp3?rlkey=a50satwakhp5uvta3slfq8w94&raw=1

Ahora ya podemos configurar nuestro código de inserción, el código genérico será del tipo:

<audio width="300" height="32" src="enlacemodificado" controls autoplay loop>

</audio>

Y qué mejor muestra que ver un audio integrado funcionando correctamente...

Por cierto, este audio ha sido creado con la Inteligencia Artificial de AIVA.

Si lo deseas, puedes descargar estas instrucciones simplificadas en TXT desde aquí.

Prueba código audio

 Vamos a probar el código de audio para ayudar con las dudas que plantea Luis.

LuzIA, la Inteligencia Artificial integrada en Whatsapp

Sin duda, la Inteligencia Artificial está tomando gran protagonismo en los medios y, especialmente, en los redes tecnológicas.

Un acontecimiento que ha popularizado mucho estas tecnologías de IA ha sido la aparición de ChatGPT, de la empresa de investigación y desarrollo OpenAI, que, si bien algunos ingenieros afirman que no es una IA propiamente dicha por tratarse de un Chatboot conversacional, funciona para los usuarios como tal.

A partir de ChatGPT y Whisper, ambas de OpenAI, los españoles Javier Andrés y Álvaro Martínez Higes han puesto en marcha LuzIA, con la que puedes interaccionar como un contacto más de Whatsapp. 

Fuente imagen: https://luzia.thewordlab.co

No lo puedo negar, me ha encantado esta aplicación ya que hace accesible un Chatbot muy útil y eficaz al alcance de cualquier persona que sepa utilizar Whastapp, sacarle partido será cuestión de práctica, te animo a que la pruebes, seguro te sorprenderá. Ahhh, muy importante, es gratis.

Además, no es preciso instalar absolutamente nada, simplemente tienes que entrar en su web y pulsar en el botón "Pruébalo ya" desde tu móvil y buscará en un momento tu aplicación de Whatsapp, igual que en muchas webs que ofrecen interactuar mediante Whatsapp y ¡A disfrutar!.

Si lo prefieres, puedes hacer clic aquí y realizarás el mismo proceso.

Y... ¿Qué podemos hacer con LuzIA? ¡Un montón de cosas! Y más que iremos descubriendo con su uso!

Su presentación fue muy amable, tal que así:

¡Hola! Soy LuzIA, inteligencia artificial en tu móvil. ¿En qué te ayudo? 🤗

Respondo a todas tus preguntas en texto y audio en cualquier idioma.

Prueba a mandarme un audio o reenviarme el de un amig@. También puedes pinchar en alguna de las sugerencias

Así que mi primera petición, pensando en el NOOC "Inteligencia Artificial en el día a día” (3ª Ed.) del INTEF, y sus respuestas fueron:

Una persona curiosa como yo no podía evitar preguntarle algo básico sobre LuzIA, su respuesta me dejó un poco inquieto con el género que se autoatribuyó, si bien es evidente que al ser un bot carece de género la imagen de su avatar parece femenina.

Pero, claro está, le he preguntado más cosas, para ponerle a prueba. Veamos algunos ejemplos:

Advertencia a tener en cuenta siempre con los Chatbot, y en realidad con cualquier fuente de información que utilicemos en Internet u otra, es contrastar la información recibida, pues hay posibilidad de errores, veamos un ejemplo:

Y ahora es donde podemos ver la información errónea, o anticuada...

Pero tenemos muchas más utilidades que podemos aprovechar con LuzIA:

• Transcribir mensajes de audio.
• Transcribe audio a texto
• Traduce casi cualquier idioma
• Conversa contigo
• Inspírate y desarrolla tus ideas
• Consigue recomendaciones
• Compara documentos
• Resume textos
• Genera menús y recetas
• …¡y mucho más!

Pero desde hace unos días ha implementado una nueva función y es que ahora LuzIA crea imágenes solo con comenzar nuestro mensaje con el comando "pinta" o "imagina".  Al estilo de Midjourney o Dall-E2, aunque con resultados no tan evolucionados como estas, pero muy interesantes y aceptables.

Es evidente que el violín no está muy logrado, incluso duplicado, pero démosle un poco de tiempo para que evolucione y seguro que la próxima vez lo hará mucho mejor.

Definitivamente, te animo a probar LuzIA y recuerda que, al menos por el momento... ¡Es gratis!
PRUÉBALO YA

Prueba código HTML5 para audio

 Vamos a hacer una prueba de código para comprobar que funciona correctamente el reproductor:

Prueba código iframe 2

 Vamos a probar un código iframe nuevo

Enlace al álbum de fotos

Prueba código iframe Victoria

 Vamos a probar el código iframe del documento de Victoria con la modificación del tamaño para que se ajuste correctamente e la plantilla del blog.

Como podemos apreciar funciona perfectamente 👍

Documento enlazado desde Dropbox

 Ahora vamos a enlazar un documento de Dropbox.

Ejemplo de enlace y documento integrado

Veamos un ejemplo de un enlace público a un documento de Drive.

Enlace de ejemplo.

Y ahora vemos un ejemplo del mismo documento integrado dentro del artículo utilizando el código iframe

Prueba código iframe

 Vamos a probar el código iframe del documento de Lina

Prueba Fran

Prueba código Rocío

Vamos a probar el código corregido y comprobar si podemos reproducir el audio.

Prueba código vídeo con JW Player

Vamos a hacer una comprobación del código generado con JW Player tras modificar las URL's públicas de Dropbox.

Dedicado con cariño a Laura y Ana.
(Y al susto que le he dado a Andrea y Manuel, mi pareja y nuestro hijo en camino, tras arreglar y conseguir que funcione el código). :-D

Sesión de Formación en el CPEPA Cinca Medio

Hoy soy más feliz que ayer.
Sí, sí, aún más y mira que soy feliz siempre.

Hoy me han invitado a impartir una sesión de formación en el C.P.E.P.A. Cinca Medio en Monzón, Huesca. Así que, si ya soy feliz siendo docente de Educación de Personas Adultas, imagina lo feliz que soy hoy compartiendo experiencias con los compañeros docentes de EPA en Monzón.

Sirva este artículo además, para integrar y enlazar los materiales y contenidos del curso, comenzando con la presentación que vamos a utilizar durante la ponencia.





Y aquí está el enlace a la carpeta que contiene todos los materiales del curso.

Por supuesto, terminaremos poniendo en práctica lo aprendido preparando algunos materiales lúdicos que ayudarán a nuestros alumnos a aprender disfrutando y, como no podía ser de otra manera, jugaremos juntos para poner en práctica lo aprendido.

¡Espero que disfrutemos mucho hoy juntos!
Abrazos para todos y miles de gracias por contar conmigo para compartir experiencias, Sergio.

Publicar un álbum de Flickr

En este artículo vamos a realizar una prueba de inserción de un álbum de imágenes de Flickr, además, puedes seguir las instrucciones paso a paso en este documento de Drive para realizar este mismo proceso en un artículo de tu blog.
Para ello deberemos pegar el código HTML que hemos obtenido del álbum de Flickr y pegarlo en la redacción del artículo en modo HTML, eso mismo es lo que voy a realizar a continuación para que aparezca el álbum de Flickr y podamos visionar las imágenes desde el artículo de nuestro blog.




 No olvides consultar el documento con las instrucciones, puedes dejar tus comentarios y consultas al final de este artículo.

Prueba de código vídeo con JWPlayer

Vamos a realizar una prueba del código de vídeo obtenido con el configurador para insertar vídeo con JWPlayer



Actividad eXe

Álbum de flickr insertado en un artículo

En esta presentación de Drive podemos visionar paso a paso el método para insertar un álbum de imágenes que previamente hemos creado en Flickr.



Y aquí podemos observar el resultado del álbum de imágenes de Flickr integrado en un artículo de Blogger.

Presentación

En esta presentación se explica el proceso para crear una presentación en Drive e insertarla o integrarla en un artículo en nuestro blog. Si lo deseas puedes descargar la presentación desde aquí.

Publicar un documento PDF

Para publicar un documento PDF alojado en nuestra cuenta de Dropbox en un artículo de nuestro blog operaremos del siguiente modo: 1. Accedemos a nuestra cuenta de Dropbox e introducimos nuestras credenciales de acceso. 2. Entramos en la carpeta en la que deseamos alojar el documento PDF, es recomendable crear carpetas que describan su contenido para una buena organización de nuestra cuenta, por ejemplo, Documentos o Carpeta Pública. 3.

Enlace al documento PDF con instrucciones para obtener los enlaces de nuestra cuenta de Photobucket.