Publicaciones etiquetadas ‘multimedia’

Incrustar fotos y vídeos alojados en Flickr con el método oEmbed en tu blog

Escrito por eco escuela 2.0 el . Posteado en Tema 3: Incrustar contenido multimedia

La información de espacio de almacenamiento disponible para el blog de Centro, como la cuota utilizada hasta el momento, se puede consultar a través de la pestaña “Escritorio” de tu panel de administración del blog. Por defecto, los blogs de los Centros tienen 650Mb para almacenar sus imágenes y documentos. Pero si abusamos en subir a la galería multimedia fotos generadas con cámaras y teléfonos de última generación (que generan archivos de fotos a alta resolución) o documentos no optimizados en su tamaño, este espacio mermará muy rápidamente.

12-03-2014 12-20-40

Una solución podría ser utilizar un servicio de almacenamiento de fotos y vídeos externo que nos parezca de confianza. Este servicio podría ser un clásico y pionero como Flickr. Vamos a ver como insertar contenido multimedia, subido previamente, desde Flickr en tu blog, ahorrando así en el espacio de tu cuota de almacenamiento del blog.

Ten en cuenta que si optas por almacenamientos externos, estarás alojando contenido en servidores ajenos a la Consejería de Educación, Universidades y Sostenibilidad, por lo que se hace muy importante leer y entender los términos y condiciones de aceptación en el momento del registro de una cuenta, ya sea en flickr, Google (para los servicios de Youtube o Picasa), etc.

Podemos crear una cuenta en Flickr para alojar nuestros propias imágenes y/o vídeos para, posteriormente, incrustarlos en nuestro blog (una salida del colegio a una exposición, una excursión, un acontecimiento del Centro, etc.). También podemos incrustar imágenes de otros usuarios. En este tutorial no vamos a explicar como dar de alta una cuenta de usuario en Flickr, ni tampoco como subir imágenes y crear diferentes agrupaciones (llamadas galerías), en nuestra cuenta.

Mediante el sencillo método oEmbed podemos insertar imágenes y vídeos por separados, o incluso galerías, como veremos a continuación.

Incrustar una fotografía alojada en Flickr

Debes de localizar la foto a través del navegador de Internet, copias la URL y la pegas en la entrada de tu blog, donde quieras insertar la foto de Flickr, en una sola línea y sin hipervínculos (si copias la URL con Google Chome o internet explorer, al pegarlo en tu entrada, este te genera un hipervínculo).

Por ejemplo

http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/

Daría el siguiente resultado en la entrada del blog:

P2230188

Si no ves nada revisa el código insertado en la vista HTML de tu editor de texto en la entrada, , y elimina todo código que se encuentre antes y después de la URL que pegaste, por ejemplo:

<a href=”http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/”>http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/</a>

Pegamos desde Chrome y nos generó un hipervínculo. Lo solucionamos quitando la etiqueta de enlace y su cierre (todo lo que está en rojo), y dejamos la URL de la foto y/o vídeo en una sóla línea y sin hipervínculos.

También podemos encontrarnos con lo siguiente:

<p>http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/</p>

Aquí, en la vista HTML de la entrada, eliminamos la etiqueta de párrafo y su cierre.

Incrustar un vídeo alojado en Flickr

En método sería el mismo. Veamos el ejemplo de un vídeo. Debes de localizar el vídeo a través del navegador de Internet, copias la URL y la pegas en la entrada de tu blog, donde quieras insertar el vídeo de Flickr, en una sola línea y sin hipervínculos.

Por ejemplo

http://www.flickr.com/photos/13037909@N06/6992179234/in/photostream

Daría el siguiente resultado en la entrada del blog:

Si no ves nada revisa el código insertado en la vista HTML de tu editor de texto en la entrada, , y elimina todo código que se encuentre antes y después de la URL que pegaste, siguiendo los ejemplos que pusimos en el apartado anterior de incrustar fotografías.

Incrustar una Galería de fotos y/o vídeos alojadas en Flickr

Primeramente, después de subir las fotos y/o vídeos a tu cuenta flickr, debes agruparlas en una galería a través de las opciones que te proporciona el servicio de este repositorio de imágenes y vídeos online.

Para publicar la galería en tu blog, localiza la galería y haz clic para acceder a ella:

Una vez en ella, localiza el enlace que abra la presentación a pantalla completa, y pulsa sobre el mismo:

Una vez que hayas accedido al “show” de la presentación, copias la URL y la pegas en la entrada de tu blog, donde quieras insertar la galería, en una sola línea y sin hipervínculos.

Por ejemplo

http://www.flickr.com/photos/13037909@N06/sets/72157629590404748/show/

Daría el siguiente resultado en la entrada del blog:

Si no ves nada revisa el código insertado en la vista HTML de tu editor de texto en la entrada, 12-03-2014 10-29-02, y elimina todo código que se encuentre antes y después de la URL que pegaste, siguiendo los ejemplos que pusimos en el apartado anterior de incrustar fotografías.

Añadir ficheros y archivos a nuestra entrada

Escrito por eco escuela 2.0 el . Posteado en Tema 3: Incrustar contenido multimedia

050412_1203_Aadirficher4.png

Cuando estamos creando nuestra entrada o una vez que ya la tenemos creada y la modificamos, podemos añadirle ficheros y archivos. Observaremos que WordPress no gestiona igual todos los archivos.

Existen algunos que se pueden mostrar incrustados dentro de la entrada. Esto se hará en aquellos casos en los que se trate de archivos que WordPress reconozca y pueda embeber:

  • Subidos a la librería multimedia: fotos, imágenes, gifs animados, documentos .pdf, archivos de sonido en MP3,
  • Mediante el método oEmbeb. Se trata de contenido embebido o incrustado de la Web 2.0 como vídeos de YouTube o Vimeo, presentaciones de SlideShare, Prezi, Issuu, archivos de sonido, .pdf,…

Existen otro tipo de archivos que al no poder ser reproducidos por WordPress no pueden ser mostrados dentro de la noticia y por tanto se creará un enlace a los mismos para que puedan ser descargados o abiertos por el explorador:

  • Subidos a la librería multimedia: documentos de texto, presentaciones, vídeos,…

Hemos visto que no todos los archivos que subimos a nuestro blog se comportan y se muestran de la misma manera. Hay algunos que tienen un uso más habitual y que por tanto WordPress los reconoce y aquellos que tienen un uso menos acorde a la filosofía de los blogs los incrusta preferentemente a través de las herramientas de la Web 2.0.

A pesar de todo, no queremos dar una imagen poco exacta y nos gustaría aclarar que existen plugins que permiten cambiar las condiciones de funcionamiento de WordPress y algunos archivos que hoy no son soportados por la herramienta podrían ser reconocidos en el futuro.

¿Cómo podemos añadir un archivo en nuestra entrada?

Veremos que la forma de subir archivos o ficheros a nuestro blog se hace siempre de la misma manera. Por lo tanto lo que hemos visto en el apartado de insertar imágenes nos servirá perfectamente para añadir otro tipo de archivos.

Una vez que tenemos la imagen insertada, si pulsamos sobre ella nos aparecerán dos iconos.

El botón con el paisaje, “editar imagen“, que aparece sobre la imagen que vemos en el editor nos permitirá modificar el tamaño, alineación, título, enlace…, es decir, los parámetros que anteriormente le hemos dado a la imagen. El botón de “eliminar imagen borrará la imagen de la entrada, pero no del servidor (permanecerá en la librería multimedia y asociada a la entrada desde donde la subimos).

Otro ejemplo sería la inclusión de un vídeo a nuestra entrada. Podemos enlazar a un vídeo de YouTube pulsando el botón “Add External Media“y rellenaremos el campo Media URL y finalmente pulsaremos el botón Add to library.

12-03-2014 9-22-19

Otro sistema para insertar un video será utilizando el método oEmbeb que veremos con detalle más adelante y que simplemente consiste en copiar su URL en la entrada, así cuando lo visualicemos en lugar de aparecer un enlace al video, nos aparecerá el recuadro del video, donde podremos visualizarlo e interactuar con el directamente.

Incrustar contenido multimedia

Escrito por eco escuela 2.0 el . Posteado en Tema 3: Incrustar contenido multimedia

050312_2214_Lapublicaci2.png

En este tema exploraremos como podemos compartir archivos en nuestro blog. Una de las características principales que nos han traído los últimos avances tecnológicos es la facilidad para compartir contenidos digitales y multimedia a través de la red y de las redes.

Cuando comencemos a publicar entradas en nuestro blog o en el blog de nuestro centro tendremos la necesidad de usar contenidos multimedia y por tanto es interesante explorar algunas de las posibilidades que nos ofrece WordPress para hacerlo.

Además, también tendremos la necesidad de compartir diferentes tipos de archivos y también será bueno explorar cuales son es la mejor forma de compartirlos.

Sabemos que los blogs institucionales serán gestionados por la persona o personas que se hagan responsables del mismo mediante la correspondiente solicitud y por tanto serán los encargados de hacer un buen aprovechamiento del servicio. Cuando subimos archivos e imágenes a nuestro blog tendremos que tener en cuenta el espacio del que disponemos en el mismo.

El blog no funciona como un repositorio de recursos, por lo que no se dispondrá de un espacio indefinido para la subida de archivos. Aunque nos permite adjuntar imágenes y archivos que se gestionarán desde la librería multimedia (algunos se harán visibles dentro del blog y otros serán enlazados) deberemos tomar conciencia de cuales son aquellos archivos que nos interesa guardar en un servidor seguro (el que nos ofrece la Consejería) y cuales podremos subir a los repositorios que nos facilita la Web 2.0.

Al igual que hacíamos con las imágenes, en el tema 1, tendremos que decidir que tipo de archivos subimos y almacenamos en la librería multimedia de nuestro blog y cuales subimos a otros repositorios para compartirlos desde ellos.

La gran mayoría de la información que compartimos no es sensible de ser privada, por lo que podremos enlazarla e incrustarla en nuestro blog desde los repositorios y herramientas de la Web 2.0 como YouTube, SlideShare, Vimeo, Flickr, Issuu, Slide, Picasa, Prezi,…

En ciertas ocasiones nos surgirá la necesidad de compartir documentos institucionales, imágenes o producciones del alumnado (siempre con los correspondientes permisos) y no nos interesará mucho subirlos a espacios que no están muy controlados y que se nos pueden quedar con los derechos de esos archivos subidos. Es en estos casos, es donde cobra especial relevancia el espacio de nuestro blog institucional porque los archivos que subamos al mismo sabemos que no se aloja en servidores externos y por tanto podremos usar las medidas de privacidad que nos ofrece WordPress con total tranquilidad.

Hagamos una reflexión a modo de ejemplo: Tengo 20 vídeos realizados con mi alumnado haciendo diferentes observaciones o actividades y quiero compartirlos. Opto por compartirlos a través de mi blog personal o a través del blog del centro pero tengo que decidir donde los subo. Puedo crear un canal en YouTube o Vimeo subirlos y embeberlos en mi blog con lo que se verán perfectamente incrustados en la entrada. La otra opción es la de subirlos directamente a la librería multimedia de mi blog en donde se creará un enlace para ser descargados y es posible que me quede sin espacio para poder subir otro contenido.

En algunos casos podremos encontrarnos con cierto tipo de archivos o vídeos que por sus características no me interesa subirlos a ningún repositorio externo (salen imágenes que no me interesa poner en YouTube o Vimeo, contienen contenido privado,…). Este tipo de archivos son los que son susceptibles de ser subidos al blog institucional configurando la entrada como privada o protegida por contraseña para que no pueda acceder todo el mundo. En estos casos si es interesante subir el archivo a la librería multimedia e insertarlo en la noticia desde ella.

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: