Los elementos multimedia están adquiriendo gran importancia en la Web debido a la mejora técnica y a la mayor rapidez de las conexiones a internet. En el campo de la enseñanza en concreto, sus posibilidades son ilimitadas, aunque el medio todavía es bastante nuevo como para poder decir que las cosas están claras en este campo. Muchos docentes están ahora investigando en el ámbito multimedia para dotar a sus actividades docentes de contenido fundamentado en vídeos, audio e imágenes además de en el trabajo con códigos de programación y aplicaciones que ofrecen todo tipo de interactividad. Un ejemplo puede verse en el blog de aula El tinglado.Para completar la información de este artículo, conviene leer otro artículo más reciente de este blog titulado "Vídeos en Blogger", en el que introduzco dos novedades importantes a la hora de incluir vídeos en un blog de Blogger; también reflexiono en él sobre algunas de las pegas relacionadas con el mundo de la multimedia.
1. Cómo incluir elementos multimedia en Blogger
En Blogger se pueden incluir muchos elementos multimedia, como en otros gestores de contenido, y para que estos vídeos o audios se vean y se oigan en los blogs generalmente el usuario tiene que tener instalado en su navegador unos complementos o plugins de Flash y de Java que permiten la visión o audición de estos elementos. Esto en sí supone un problema, porque no todos los navegadores los tienen incorporados, aunque sí la mayoría. En principio podemos trabajar a gusto con la multimedia sabiendo que casi todos los usuarios podrán beneficiarse de estas nuevas tecnologías.
Generalmente, los gestores de blogs, es decir, las aplicaciones que como Blogger nos permiten crear blogs o bitácoras, tienen incorporadas algunas opciones con las que introducir el código necesario en nuestro blog para enlazar un vídeo u otros elementos multimedias. Vamos a ver cuáles son los pasos que se siguen habitualmente para realizar esto, y lo haremos con un ejemplo para traer un vídeo de YouTube y publicarlo en nuestro blog.
2. Cómo incluir un vídeo en el blog mediante código
- Vamos a la página donde se publican los vídeos; en este caso, YouTube. Elegimos un vídeo que nos guste y hacemos clic encima de él para ir al documento individual donde aparece ese vídeo.
- Allí veremos, debajo del vídeo, el enlace Insertar. Si hacemos clic en él, se abre un recuadro que incluye el código HTML del vídeo y una serie de opciones para personalizar el código eligiendo el color y el tamaño del reproductor, entre otras cosas. Ahora tenemos que realizar lo siguiente: hacemos clic encima de ese recuadro, y el código se marcará si no estaba ya marcado. Después, sin mover el cursor de allí, hacemos clic en el botón derecho del ratón y elegimos la opción que nos permite copiar ese código en la memoria del sistema.
- Por último, abrimos una nueva entrada en nuestro blog, y pegamos el código en la parte de Edición de HTML del editor de textos, como se ve en la imagen de la sección 2.
Si vemos el vídeo desde la sección Redactar del editor, nos aparecerá un cuadro con la palabra OBJECT, pero si lo vemos haciendo clic en la Vista previa, apreciaremos cómo quedará insertado en nuestra entrada del blog.
Y aquí tenemos un vídeo de YouTube donde vemos a dos robots bailando y moviéndose de forma muy humana:
Y otra página web de donde podemos descargarnos vídeos de calidad es Dailymotion. Cuando elegimos un vídeo de este servicio, debajo del reproductor hay un campo de texto titulado "embed code". Allí tenemos el código object que hay que copiar y pegar en el editor de nuestro blog.
2. El código de HTML del vídeo
El código del vídeo de Toutube que hemos pegado en el blog es el siguiente:
Aquí vemos algunas etiquetas del lenguaje HTML como <object>, <param> o <embed>, que tienen que tener también su etiqueta de cierre de esta manera: </object>, </param> o </embed>. Si alguna vez faltara alguna de ellas, el gestor de Blogger produciría un error, y tendríamos que escribirla, y suele pasar con la etiqueta de cierre de la etiqueta </embed>, que hay que volver a escribir una y otra vez porque el programa la borra. Dentro de las etiquetas hay algunos atributos, como width (anchura) y height (altura), con los que podríamos cambiar las dimensiones del reproductor del vídeo simplemente modificando (las dos veces que aparecen cada uno) los números que los acompañan y que corrreponden a píxeles.
3. Cómo insertar podcasts
Los podcasts son grabaciones de audio que se reproducen en un blog con un lector o reproductor de Flash, y se utilizan habitualmente para incluir canciones o reproducciones de voz. Existen sitios web de donde podemos traernos canciones simplemente copiando un código y pegándolo en nuestro blog; uno de estos servicios es GoEar. Aquí tenemos la Danza húngara, cuyo código hay que copiarlo del campo de texto que se titula Pon esta canción en tu web, que aparece a la derecha de la página.
Pero también tenemos la posibilidad de grabar nuestra voz en un servicio como Odeo y reproducirla en nuestro blog con un reproductor. Aquí dejo un saludo a los participantes en el curso de edublogs:
Otro servicio parecido a éste es Evoca. Nuestra compañera Lourdes Barroso nos ha dejado el enlace a su perfil de Evoca, donde podemos escuchar varias grabaciones suyas.
4. Cómo insertar presentaciones
Una de las novedades relativamente recientes en la Web es la posibilidad de incluir presentaciones del estilo Power Point en una página web. El lugar más conocido donde podemos cargar una presentación es SlideShare, y donde además podemos utilizar cualquiera de las publicadas en esa web social. Cuando guardamos allí una presentación, ésta pierde las transiciones y otras animaciones que tenga, pero se convierte en un objeto multimedia que podemos ver con toda comodidad conectados a internet.
El procedimiento que se sigue es el de copiar el código de la presentación en nuestro editor. Para conseguirlo, hay que hacer clic en la pestaña Embed que está en la parte superior de la presentación, y entonces aparecerá debajo el código que hay que insertar en el blog:
Con la siguiente presentación de Ángel Puente podremos conocer más a fondo la multimedia en los blogs:
5. Cómo insertar elementos de Google Docs
Todos los documentos creados en Google Docs se pueden insertar o incrustar en el blog mediante el código HTML que se nos proporciona en las opciones para compartir los documentos. Si, por ejemplo, hemos subido un archivo PDF, entramos en él, y a la derecha nos aparece lo que se ve en la imagen:
Destacado en rojo está el código HTML que comienza con "<iframe...". Copiamos ese código y lo pegamos en la parte del código HTML del editor, y entonces lo tendremos insertado en la entrada dentro de un marco (iframe), igual que como se ve en Google Docs.
Lo mismo se puede hacer con una presentación de Google Docs. Pulsamos el botón Compartir y después pulsamos en Publicar/Insertar. Entonces aparece una ventana y pulsamos en el botón Publicar documento. Ahora tendremos un formulario que nos permitirá personalizar la presentación que se nos muestra a la derecha y el código HTML (con el iframe o marco) en la parte inferior, destacado en rojo en la imagen siguiente:
6. Enlaces de interés
- Roa multimedia, excelente blog donde José Mª Campo informa de manera práctica sobre toda la multimedia que se puede incluir en un blog.
- El balcón abierto, blog de Ángel Puente sobre todo tipo de multimedia en los blogs.
- Edubloki, wiki de Lourdes barroso, que ha realizado varios vídeotutoriales en su sobre distintas herramientas multimedia. Con eso tenemos para entretenernos un rato.
No hay comentarios:
Publicar un comentario