insertar video y audio en el blog

34
Primeros Primeros pasos con pasos con un blog en un blog en el aula de el aula de Lenguas Lenguas GARATU 753 Módulo 4: Inserción y uso de los elementos multimedia en el blog: insertar audio y vídeo Crédito de la imagen

Upload: irene-gonzalez

Post on 30-May-2015

3.383 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Insertar video y audio en el blog

Primeros pasos Primeros pasos con un blog en con un blog en

el aula de el aula de LenguasLenguas

GARATU 753Módulo 4: Inserción y uso de los

elementos multimedia en el blog: insertar audio y vídeo

Crédito de la imagen

Page 2: Insertar video y audio en el blog

INSERTAR UN VÍDEO EN UNA ENTRADA

Page 3: Insertar video y audio en el blog

Abrid una entrada nueva

Page 4: Insertar video y audio en el blog

Escribid una pequeña introducción y pinchad en el icono de vídeo

Page 5: Insertar video y audio en el blog

Nos ofrecen diferentes opciones. Vamos a utilizar dos de ellas.

Page 6: Insertar video y audio en el blog

Subir el vídeo desde el ordenador

Activar la primera opción de “subir” (está activada por defecto) y pinchad en “seleccionar el vídeo para subir”. Se abrirá una ventana como esta para que busques el vídeo en tu ordenador. Cuando lo encuentres, lo seleccionas con el ratón y pinchas en “Abrir” o haces click dos veces sobre la miniatura del vídeo.

Page 7: Insertar video y audio en el blog

El vídeo aparece en la entrada. Dependiendo del tamaño del vídeo puede tardar más en subirlo y procesarlo (aparece un mensaje arriba “subiendo/procesando el vídeo”. Con los vídeos largos hay problemas. Si lo hacéis hacedlo con un vídeo cortito. En el modo edición no podemos comprobar que el vídeo funcione. Lo comprobaremos cuando publiquemos la entrada.

Page 8: Insertar video y audio en el blog

Subir vídeo desde YouTubeAl seleccionar esa opción se abrirá una ventana como esta para que busques el vídeo en YouTube. Para buscar el vídeo debes poner una palabra clave sobre el tema que te interesa.Aparecerán todos los que respondan a ese tema.Para decidir cuál te interesa tendrás que ir viéndolos, como hacemos cuando entramos a YouTube. En este caso, para reproducir cada vídeo haz click sobre símbolo de “play”.

Page 9: Insertar video y audio en el blog

El vídeo se abrirá un poco más, como se ve en esta pantalla.Para verlo en grande deberás darle al icono de la esquina inferior derecha, que indica “pantalla completa”

Page 10: Insertar video y audio en el blog

Puedes verlo en pantalla completa. Cuando quieras volver a la pantalla anterior, pincha de nuevo en el icono de la esquina inferior derecha

Page 11: Insertar video y audio en el blog

Puedes hacer lo mismo con los otros vídeos. Cuando encuentres el que te interese, lo seleccionas con el ratón y haces click en “Seleccionar” o haces click dos veces sobre el título del vídeo . El vídeo se insertará en la entrada.

Page 12: Insertar video y audio en el blog

El vídeo aparece en la entrada. En el modo edición no podemos reproducirlo. Termina de redactar la entrada. Ponle una etiqueta y pincha en “publicar”.

Page 13: Insertar video y audio en el blog

Al publicarla volvemos a esta pantalla, donde podemos ver todas las entradas que hemos escrito. Para ver la entrada publicada pinchamos en “Ver”, debajo del título de la entrada, en la lista que aparece, o hacemos click en “Ver Blog” en el menú superior

Page 14: Insertar video y audio en el blog

El vídeo está listo. Comprueba que funcione bien. Si no es así, pincha en el lapicerito que aparece en la parte inferior de la entrada , que permite volver a editarla.

Page 15: Insertar video y audio en el blog

Haz los cambios necesarios y pincha en “actualizar”.

Page 16: Insertar video y audio en el blog

Voverás a esta pantalla. Como has hecho antes pincha, debajo del título de la entrada, en “ver” (se activa al acercar el ratón) o arriba en “ver blog”. Asimismo en el menú que se activa bajo el título de la entrada tienes la opción siempre de volver e “editar”

Page 17: Insertar video y audio en el blog

INSERTAR UN ARCHIVO DE AUDIO

Page 18: Insertar video y audio en el blog

¿Dónde encontrar el archivo de audio?

• Para insertar un audio debemos buscarlo primero en internet. Hay muchas páginas donde se pueden encontrar archivos de audio o podcast que se pueden compartir e insertar en el blog. Aquí os proponemos dos posibilidades. Podéis escoger la que más os guste:– Buscar un audio en EITB e insertarlo (actualmente todas las radios

tienen los podcast de sus programas de forma que “a la carta” podemos escucharlos en su página web cuando queramos e incluso podemos compartirlos en el blog).

– Buscar un audio en Goear, que es un espacio en el que los usuarios pueden grabar, subir y compartir audios de todo tipo (canciones, diferentes tipos de textos orales…). Es un lugar en el que podemos grabar audios con nuestros alumnos pero en este primer curso sólo os pedimos que busquéis uno que ya esté en su página y que lo insertéis en una entrada del blog

Page 19: Insertar video y audio en el blog

Algunos previos sobre el procedimiento

• El procedimiento para insertar un audio (también un vídeo que no sea de YouTube o cualquier elemento multimedia que queráis insertar) es utilizar el código HTML que ya se ha citado en el Módulo anterior. Ese código se encuentra en cada archivo de audio (o cualquier elemento multimedia) bajo nombres como “embed”, “insertar”, “share”, “compartir”, “incrustar”… O se simboliza con un icono de este tipo </>

• Al darle a ese botón tenemos que encontrar algo parecido a esto: src="http://www.eitb.com/es/get/multimedia/embed/id/1500736/tipo/audio/" width="458" height="61"></iframe>

• Cuidado porque en algunos casos bajo el nombre de “compartir” se nos da la opción de compartirlo automáticamente en una red social pero no se nos da el código. Este tipo de código es el que necesitamos para que el audio (o el elemento multimedia correspondiente: vídeo, glogster…) se inserte en nuestro blog.

• Si en algún caso queréis insertar un audio que encontráis en el red y no nos proporcionan este código (no aparece la opción “embed”, “insertar”…), siempre podemos buscar su URL (dirección de internet) y hacer un enlace como ya habéis hecho con una página web en vuestra primera entrada.

¡Vamos a ello!

Page 20: Insertar video y audio en el blog

Abrid una entrada nueva

Page 21: Insertar video y audio en el blog

Escribid una pequeña introducción y pinchad en la pestaña HTML

Page 22: Insertar video y audio en el blog

Cambia el modo en que vemos el texto que hemos redactado. Estamos trabajando en el lenguaje HTML. Aquí pegaremos el código del audio. Vamos a buscarlo.

Page 23: Insertar video y audio en el blog

1ª posibilidad: Entramos en la página de EITB y pinchamos en la pestaña “VÍDEO-MULTIMEDIA”. Escogemos la opción “Audios”

Page 24: Insertar video y audio en el blog

Aparece un listado. Escoge el que te interese

Page 25: Insertar video y audio en el blog

Se abre una pantalla donde puedes escuchar el audio. Para insertarlo tienes que buscar el código. En este caso ocurre lo que te hemos dicho anteriormente. La opción “compartir” es para compartirlo automáticamente en Twenti. Para encontrar el código HTML en este caso debes pinchar en el icono </> que aparece en la esquina superior derecha.

Page 26: Insertar video y audio en el blog

Aparece el código HTML. Debajo encontramos el enunciado “Copiar código”. Haz click en él. El código está copiado.

Page 27: Insertar video y audio en el blog

Nos colocamos debajo del texto, pegamos el código y pinchamos en “publicar”.

Page 28: Insertar video y audio en el blog

Vamos a “ver entrada” o “ver blog” y comprobamos que el audio funciona. Aparecerá un reproductor del tipo que véis aquí. Pinchamos en “play” y lo oímos.

Page 29: Insertar video y audio en el blog

2ª Posibilidad: Vamos a buscar el audio a Goear. En la ventanilla de “Buscar” pongo la canción, el autor, el tipo de texto… que me interesa.

Page 30: Insertar video y audio en el blog

Aparecen los audios que responden a la palabra clave. Pinchamos en el que nos interese.

Page 31: Insertar video y audio en el blog

Se abre. Podemos escucharlo. Para buscar el código HTML, en este caso, pinchamos en el icono “compartir”.

Page 32: Insertar video y audio en el blog

En la ventanilla de arriba aparece el código HTML. Lo copiamos.En la ventanilla de abajo aparece la URL del audio, con la que podríamos hacer un enlace en el blog pero en este caso queremos insertarlo.

Page 33: Insertar video y audio en el blog

Como ya hemos explicado antes, volvemos a la entrada. Pinchamos en la pestaña HTML y pegamos el código.

Publicamos.

Page 34: Insertar video y audio en el blog

Ya podemos ver el reproductor y escuchar el audio en nuestro blog